Top Mozilla-Tip's >Firefoxのロケーションバーリスト表示をGoogle Chromeのように半透明化する方法。
2010年06月07日

Firefoxのロケーションバーリスト表示をGoogle Chromeのように半透明化する方法。

Firefoxでは、ロケーションバーにキーワードを入力すれば履歴やブックマークから検索を行い、該当する結果をリスト表示するようになっています。

似たような機能はGoogle Chromeにも付いていますが、こちらはその結果リストが半透明化されており、見た目にちょっとクールな感じがします。

Firefoxの場合は背景が単なる白となりますが、透明化を多用するテーマなどをご利用の方ならこういった部分もきっちり仕上げておきたいところかもしれません。

そんな方は、以下の方法でFirefoxでロケーションバー検索時に表示される結果リスト背景を半透明化することができます。

設定するには、[userChrome.css]に直接追記する方法とStylishに新規コードを追加する方法があります。

*Windows の場合、[userChrome.css]ファイルは以下の位置に存在します。

[%APPDATA%\Mozilla\Firefox\Profiles\xxxxxxxx.default\Chrome]

*[userChrome.css]が無い場合は、[Chrome]フォルダ内のuserChrome-example.cssを[userChrome.css]に改名して利用します。

このファイルをメモ帳などで開き、以下のコードを貼り付けます。

#PopupAutoCompleteRichResult[type="autocomplete-richlistbox"]
{
opacity: 0.9 !important;
}


貼り付けたら保存し、Firefoxを再起動します。

Stylishをご利用の方は、Stylishアイコン右クリック→新しいスタイルを書く→白紙のスタイルを実行し、開いたウィンドウに任意のタイトルを付け、上記コードを貼り付けて[保存]をクリックします。


02_Firefox_Awesome Bar Transparent.JPG


これで以下のように、リストが半透明化されるようになるはずです。

■デフォルト


01_Firefox_Awesome Bar Transparent.JPG


■適用後


03_Firefox_Awesome Bar Transparent.JPG


コード内の[0.9]と書かれた数値を変更することによって透明度を変更することが可能ですので、好みに応じて変更してください。

ちょっといい感じのロケーションバーになりますので、見本が気に入った方やGoogle Chromeのようにしたいという方は適用してみてはいかがでしょうか。


<関連記事>


■Windows 7でFirefoxをスケスケにするユーザースタイルあれこれ。

■Firefox 3の[スマートロケーションバー]をカスタマイズする方法。

■セキュアなサイト接続時にロケーションバーのカラーを変更してくれるFirefoxアドオン「Glassy Urlbar」
posted by moziller at 12:04 | Comment(0) | TrackBack(0) | Mozilla-Tip's



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

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

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

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





×

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