Top Mozilla-Tip's >Firefox 3(Beta)のロケーションバーオートコンプリートの表示を変更する方法。
2008年03月25日

Firefox 3(Beta)のロケーションバーオートコンプリートの表示を変更する方法。

ロケーションバーのオートコンプリートによるリスト表示が大きく見やすくなっているFirefox 3ですが、なんだか大きすぎて不自然な感じがしないわけでもありません。

そこで、このオートコンプリートによる候補一覧の表示をカスタマイズしてみました。


Firefox 3標準でのロケーションバーオートコンプリートメニューの表示は以下のようにかなり大きなもので、威圧感を感じる上に見にくいという意見もあります。


01_location bar autocomplete menu_size.JPG


Mozilla Linksの記事などをご覧の方はすでに実践されているかもしれませんが、この部分の表示カスタマイズはuserChrome.cssに追記することによって実現できます。

<userChrome.cssの場所(Windowsの場合)>


C:\Documents and Settings\ユーザー名\Application Data\Mozilla\Firefox\Profiles\プロファイル名\chrome以下



記述コードは以下のようなものとなります。


.ac-comment {
font-size: 100%! important;
color: #280000 ! important;
}

.ac-comment[selected="true"] { color: #FFFFFF !important; }

.ac-url-text {
font-size: 100% ! important;
color: #4682B4 ! important;
}

.ac-url-text[selected="true"] { color: #FFFFFF !important; }

[.ac-comment]がページタイトル、[.ac-url-text]がURLのスタイルとなっています。

[selected="true"] { color: #FFFFFF !important; }部分の記述は、マウスポイントして選択した際の反転文字色の指定です。

上記の例では、タイトルを赤っぽいグレー、URLを水色で表示するようにしています。


03_location bar autocomplete menu_size.JPG


このコードを追加して、Firefoxを再起動すると、表示が以下のように変化します。

他にも#******部分に任意のカラーコードを記述したり、[font-size: **%]などと指定してやれば自分好みのリスト表示ができるようになります。


02_location bar autocomplete menu_size.JPG


カラーコードを探すにはこちら

そろそろ常用域に入ってきたFirefox 3ですので、カスタマイズもボチボチ初めていい頃かもしれませんね。

ちなみに、オートコンプリートリストの表示スタイルをFirefox 2と同じにするだけなら、「oldbar」というアドオンを使うという手っ取り早い方法もあります。


ダウンロード:oldbar(Firefox Add-ons)


<関連記事>


■Firefoxのインターフェースを自分仕様にカスタマイズするためのuserChrome.cssコードリスト(とりあえず10個)

■Firefoxのインターフェースを自分仕様にカスタマイズするためのuserChrome.cssコードリスト<その2>(More10Tip's)

■Firefoxのインターフェースを自分仕様にカスタマイズするためのuserChrome.cssコードリスト<その3>(Next 4Tip's)

インターネットFX取引手数料無料ならマネーパートナーズ

ソニーのブログパーツ「FLO:Q」


セキュリティソフト買うなら特価な今!


posted by moziller at 11:13 | Comment(0) | TrackBack(0) | Mozilla-Tip's



この記事をはてなブックマークに登録 follow us in feedly このエントリを del.icio.us に登録 この記事をクリップ!Yahoo!ブックマークに登録
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

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

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





×

この広告は180日以上新しい記事の投稿がないブログに表示されております。