Top Mozilla-Tip's >Firefoxのロケーションバー幅を変更する方法。
2010年02月27日

Firefoxのロケーションバー幅を変更する方法。

Firefoxのツールバーには、複数のボタンの他、ロケーションバー、検索バーなどがセットされています。

この中でも、横に長く大きな面積を占めているのがロケーションバーですが、アドオンのインストールなどによりその他のボタンを追加したいようなときにこのロケーションバーがもっと短ければと思うときがありますね。

特に最近の大型ワイドディスプレイでは、ロケーションバーもやたらと長くなり、そんなに必要ないだろうと思うこともあるでしょう。

そんな方は、以下の方法で簡単にロケーションバーの長さを変更することが可能です。

いつものように、cssを記述して変更しますので、userChrome.cssに直接記述しても、Stylishで新規スタイルを作成してもかまいません。

userChrome.cssに記述する方法は以下の通りです。

1.プロファイルフォルダ内の[userChrome.css]をメモ帳などで開く。

参考:Windows版プロファイルフォルダの場所

○WinXP/2000の場合 C:\Documents and Settings\[ユーザ名]\Application Data\Mozilla\Firefox\Profiles\*******.default

○WinVista/7の場合 C:\Users\[ユーザ名]\AppData\Roaming\Mozilla\Firefox\Profiles \********.default

2.userChrome.css内の任意の場所に、以下の行を追記して上書き保存する。


#urlbar, #urlbar-container {min-width: 400px !important;max-width: 400px !important}



見本はロケーションバーの幅を400pxにする場合です。もっと大きく/小さくしたい方はこの数値を好みのものに変更してください。

3.Firefoxを再起動する。

これで以下のようにロケーションバーのサイズが小さくなります。

■デフォルト


01_urlbar-container_Firefox.JPG


■サイズ変更適用後


03_urlbar-container_Firefox.JPG


しかし、このままだとロケーションバー右端と検索バー左端がくっついてしまいます。

これを離すにはツールバー右クリック→カスタマイズ7より、スペースをドラッグして、ロケーションバーと検索バーの間に置きます。


04_urlbar-container_Firefox..JPG


これで以下のようなスタイルに変更できます。


05_urlbar-container_Firefox.JPG


Stylishを利用される方は、ステータスバーのStylishアイコンを右クリック→新しいスタイルを書く→白紙のスタイルを実行し、上記コードを以下のように記述し、保存すればOKです。

*こちらは再起動の必要はありません。


02_urlbar-container_Firefox.JPG


20インチ以上のワイドモニタをご利用の方、逆にネットブックのような小さな画面でツールバー部にもっとスペースが欲しい方、検索バーを優先的に大きく表示したいという方はカスタマイズしてみてはいかがでしょうか。


<関連記事>


■検索キーワードによってFirefoxサーチバーの横幅を自動で伸縮できるアドオン「Searchbar Autosizer」

■[Firefox]ステータスバーのフォントサイズを変更する方法。

■Firefoxのサイドバー幅の制限を無くす方法。

■Firefoxのサイドバー高を使いやすく調整できるアドオン「Height for Side-Bar」

■Firefoxのインターフェースを自分仕様にカスタマイズするためのuserChrome.cssコードリスト(とりあえず10個)
posted by moziller at 17:15 | Comment(3) | TrackBack(0) | Mozilla-Tip's



この記事をはてなブックマークに登録 follow us in feedly このエントリを del.icio.us に登録 この記事をクリップ!Yahoo!ブックマークに登録
この記事へのコメント
たしかFirefox 3.0ぐらいから,ロケーションバーと検索バーの間をドラッグして幅変えれますよ.そういうことではなくてですか?
Posted by ちく at 2010年02月27日 17:42
>ちく さま。

!あの間にマウスを置くことがなかったもので全然気がつきませんでした。

最近ワイドディスプレイに変更して無駄に大きいので記事の方法で変更していましたが、これじゃ必要ないですね。

ご指摘ありがとうございました。

今後ともよろしくお願いします。

Posted by moziller at 2010年02月27日 18:01
わかりやすくて参考になりました。
検索バーの変更ができないので頑張ってみます!
Posted by kaori at 2011年01月22日 02:21
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック