ブラウザ関連

FireFox v96.0.1 URLバー ( アドレスバー ) / 検索バー の横幅を変更する userChrome.css

商品リンクをクリックし通販サイトへ飛ぶ物は 「 広告 」のリンクです。


はじめに

FireFox にて URLバー ( アドレスバー ) / 検索バー の横幅を
変更したい場合があります。

userChrome.css を書き換えての方法をメモ。
FireFox Portable v96.0.1 にて確認。

【 目次へ戻る 】

userChrome.css へ追加

以下のテキストを userChrome.css へ追加するだけで
URLバー ( アドレスバー ) / 検索バー の横幅を変更可能です。
必要な部分だけ追加してください。

適用後 ( 色は見やすい色に変更してあります )

FireFox_urlbar_searchbar_001.jpg

@charset "UTF-8";

/* URLバー サイズ変更 ( 最低 230 / 最高 500 ) */
#urlbar, #urlbar-container {
min-width: 230px !important;
max-width: 500px !important;
}

/* 検索バー サイズ変更 ( 最低 100 / 最高 300 ) */
#searchbar, #searchbar-container {
min-width: 100px !important;
max-width: 300px !important;
}

/* URLバー 検索バー 色変更 ( c0c0c0 背景を灰色 / 000001 文字色を黒 )*/
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {
background-color: #c0c0c0 !important;
color: #000001 !important;
}

【 目次へ戻る 】

userChrome.css をダウンロード、設置方法

userChrome.css の作り方がわからない人向けにファイルを置いておきます。
内容は userChrome.css へ追加 と同じ。

ダウンロード
FireFox_v9601_urlbar_searchbar_css v1.01.zip ( 2022/01/18 )
MD5:9E516E0D10631FB073B3732C661E5217

ダウンロードしたら FireFox をすべて終了させ
私の以下の記事を参考にしまして
userChrome.css を読み込む設定を有効に。

about:config より、これを true に
toolkit.legacyUserProfileCustomizations.stylesheets

CSS を使用する下準備

同じく以下の記事を参考にしまして指定箇所にコピー
CSS を指定場所にコピー

FireFox を起動すれば適用されている。

反映されているかは、 userChrome.css の一番下にある色変更を残しておき
実行してバーが灰色、文字色が黒なら適用されています。
( 色は任意に変更可能です、色の取得は カラーピッカー で Google 検索 )

【 目次へ戻る 】

おまけ 閉じるボタンを消す

FireFox を癖でつい閉じてしまうの場合
右上の閉じるボタンを表示しなければいいであり ( 物理で解決 笑 )
userChrome.css へ以下の文字列を追加で消せます。

この設定をした場合は、
ALT+F4 キー同時押しで FireFox を終了するになります。

/* 閉じるボタンを非表示 */
.titlebar-close {
visibility: hidden !important;
}

userChrome.css へ書き込んで保存し FireFox を再起動でOK。
Firefox Portable v96.0.1 にて動作確認。

-----

とまあ、こんな感じで
FireFox の URLバー ( アドレスバー ) / 検索バー の横幅を変更するでした。

通常は必要ありませんが
FireFox を2つ起動するなどで、バーがデフォルトだと
アドオンが見えなくなり、何個か表示したいの場合に使用を想定しています。

それでは、皆様の FireFox が快適になりますようにと
お願いいたしまして、これにて終了。

以上。

おすすめリンク

Amazon / 楽天市場 / Yahoo! でお買い物をする。

関連リンク

FireFox v89.0/v91.0 にて変更されたデザイン/タブが丸くなるを元に戻す。
FireFox v89.0 で変化したスクロールバーの色の変更方法 ( 背景色/バー自体 )
秀丸エディタでブログを書き FireFox で内容を確認するマクロと設定 ( 同じ位置に表示 )
FireFox Vivaldi Chrome 現在のウィンドウに保存したタブを復元
 日本語訳と使用方法

【2021年版】 同じバージョンの FireFox Portable を別名で起動する方法 v84.0.2~
FireFox Vivaldi Chrome ブックマークをHTMLで書き Dropbox / Googleドライブで共有
Win10 FireFoxでVPN接続時のみ速度が劇遅/通信が詰まる の解決方法
FireFox v83.0 アドレスバーが拡大したのを元に戻す
MouseGestureL.ahk Shift+ホイールでタブ自体を移動 FireFox Vivaldi
FireFox Chrome Vivaldi ファイル保存ダイアログの保存ボタンをホイール上下で押す
FireFox タブで開いた画像を簡単保存 日本語訳/使い方 tab image saver
FireFox v77.0.1 アドレスバーが拡大したのを元に戻す
FireFox v75.0 アドレスバーが拡大したのを元に戻す
【2021~2022年版】 FireFox と Waterfox に入れた便利なアドオン
FireFoxで新しいタブを任意のページで開く ( MouseGestureL.ahk 使用 )
FireFox 新規タブや読み込み中の背景色をまぶしくない色に変更
Vivaldi v3.3.2022.39 プライベートウィンドウのテーマを元に戻す ( 使っていたテーマに )
広告ブロック uBlock Origin で特定の部分/邪魔な表示を消す
 FireFox Chrome Vivaldi Edge

【設定】NordVPN Proxy SwitchyOmega
 アドオン使用で接続 FireFox Chrome Opera

FireFox 画像を表示しないアドオンでブラウジングすると
 文字のみに集中し思考力UP

FireFox で画像の表示をON/OFFできるBlock Image|Video
 ページの再読み込み不要

FireFox テーマ ( 外見 ) を変更するアドオン
 「 Firefox Color 」( URL・検索蘭の色も変更可 )

Firefox stylish (Stylus) アドオンで
 まぶしい背景色を暗く(灰色)にするCSS その2

Stylish (stylus) アドオン使用
 cssで検索した文字をハイライト Google Yahoo baidu

【設定】NordVPN Chrome Opera Firefox を使用しプロキシ経由で接続。
FireFox Portable 動作軽快/日本語化/シークレット・キャッシュ設定など。
FireFox v92.0 FireFox Color アドオン環境でURLバー、検索バーの枠が表示されない
Google / Yahoo の検索結果に除外ワードを付加して素早く再検索 FireFox / Edge / Chrome / Vivaldi
FireFox ツールバーのアイコンから検索サイトを簡単に切り替えるアドオン Classical Search Bar
FireFox v91~ HTTPサイトでダウンロード元ファイルが読み取れないの改善
FireFox / Edge / Chrome ブックマークから指定のアプリを開く ( URIスキーム機能 )
FireFox v98.0 ファイルをダウンロードすると
 アイコンが展開するを止める ( ダウンロードパネル )

FireFox v98.0 タブを切り替え/F5キーを押した直後に
 OS を巻き込んでフリーズの改善

Clipboard History でブラウザの検索文字に素早く除外文字を挿入する
 FireFox Chrome Edge Vivaldi

関連記事

コメント

コメントがありません。

トラックバック