気ままの簡易レビュー

[ トップページへ ]



自分が実際触って判断した Win /アプリの設定、商品の簡易レビューがメイン。



0

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

FireFox v105 ツイッターなどのページでスクロールが引っかかるを改善
関連記事

コメント

非公開コメント

検索フォーム

最新記事

FireFox v105 ツイッターなどのページでスクロールが引っかかるを改善 Sep 26, 2022
VeraCrypt 日本語化/使用方法/コンテナのマウント/アンマウントをバッチファイルで行う Sep 23, 2022
MouseGestureL.ahk で CTRL/Shift/ALT/Winキーが押されていれば待機/離されたら次の命令へ進む .ahk Sep 18, 2022
ファイルを選択しショートカットキーで日時を付加しコピー/リネーム/フルパス取得 Autoitスクリプト Sep 06, 2022
デスクトップでキー入力すると登録したアプリやフォルダを開く Autoit スクリプト Aug 30, 2022
ショートカットキーを押して文字反転/文字が選択されているテキストをファイルへ保存するスクリプト Aug 24, 2022

バナー1

月別アーカイブ スクロール

全ての記事を表示する

2022年09月 (4)

2022年08月 (5)

2022年07月 (2)

2022年06月 (8)

2022年05月 (5)

2022年04月 (8)

2022年03月 (6)

2022年02月 (2)

2022年01月 (6)

2021年12月 (2)

2021年11月 (7)

2021年10月 (5)

2021年09月 (4)

2021年08月 (3)

2021年07月 (9)

2021年06月 (6)

2021年05月 (10)

2021年04月 (7)

2021年03月 (10)

2021年02月 (6)

2021年01月 (6)

2020年12月 (5)

2020年11月 (7)

2020年10月 (7)

2020年09月 (6)

2020年08月 (10)

2020年07月 (9)

2020年06月 (7)

2020年05月 (8)

2020年04月 (4)

2020年03月 (5)

2020年02月 (7)

2020年01月 (5)

2019年08月 (4)

2019年07月 (14)

2019年06月 (14)

2019年05月 (17)

2019年04月 (14)

2019年03月 (5)

2018年02月 (1)

2017年08月 (1)

2017年06月 (1)

2017年05月 (1)

2017年03月 (4)

2017年01月 (2)

2016年12月 (4)

2016年11月 (2)

2016年10月 (2)

2016年09月 (2)

2016年08月 (2)

2016年07月 (3)

2016年06月 (3)

2016年05月 (2)

2016年04月 (5)

2016年03月 (9)

2016年02月 (6)

2016年01月 (5)

2015年12月 (8)

2015年11月 (4)

2015年10月 (11)

2015年09月 (6)

2014年03月 (18)

2014年02月 (28)

2014年01月 (31)

2013年12月 (31)

2013年11月 (19)

2013年10月 (17)

2013年09月 (9)

2013年08月 (10)

2013年07月 (12)

2013年06月 (10)

2013年05月 (22)

2013年04月 (3)

2011年03月 (1)

2011年02月 (2)

2010年11月 (1)

2010年09月 (1)

2010年08月 (1)

2010年07月 (9)

2010年06月 (6)

2010年05月 (19)

2010年04月 (23)

2010年03月 (28)

2010年02月 (23)

2010年01月 (17)

2009年12月 (19)

2009年11月 (25)

2009年10月 (28)

2009年09月 (28)

2009年08月 (20)

2009年07月 (19)

2009年06月 (20)

2009年05月 (16)

2009年04月 (18)

2009年03月 (15)

2009年02月 (14)

2009年01月 (7)

2008年12月 (3)

2008年11月 (5)

2008年10月 (4)

2008年09月 (4)

2008年08月 (3)

2008年07月 (3)

2008年06月 (4)

2008年05月 (2)

2008年04月 (1)

2008年01月 (1)

2007年12月 (1)

2007年11月 (3)

2007年09月 (2)

2007年07月 (1)

2007年02月 (1)

2006年11月 (1)

2006年09月 (1)

2006年08月 (1)

2006年07月 (5)

バナー2

バナー3




プライバシーポリシー

当サイトでは、第三者配信による広告サービスを利用しています。このような広告配信事業者は、ユーザーの興味に応じた商品やサービスの広告を表示するため、当サイトや他サイトへのアクセスに関する情報 (氏名、住所、メール アドレス、電話番号は含まれません) を使用することがあります。このプロセスの詳細やこのような情報が広告配信事業者に使用されないようにする方法については、ここを参照するか ブラウザのCookie機能をオフにしてアクセスしてください。

気ままの簡易レビューは amazon.co.jp を宣伝しリンクすることによって サイトが紹介料を獲得できる手段を提供することを 目的に設定されたアフィリエイト宣伝プログラムである Amazonアソシエイト・プログラム の参加者です。

プロフィール

・このブログの管理者:気ままさん
・性別:男
・年齢:40代
・性格:プログラミング的思考
    スキゾイド傾向
    去る者は追わず、来る者は拒まず

・趣味:読書
    パソコンを快適にする設定を
    探しにWeb旅行
    得た知識でブログの執筆

・一言:
どうも、気ままさんと申します。
需要のあるなしは関係なく私が気に入った
役に立った事を書いており必要な方が
好きに観覧して頂ければ。
しがないブログではありますが
何かのお役に立てれば。