Firefox 4

Firefox 4.0 オレンジ色のRSSフィードアイコンを復活させてみた

余計なアドオンは入れたくないので、Firefox 4.0 のRSSフィードアイコンをユーザースタイルシートを使ってロケーションバーの中に移動させてみた。
[注意] 2011. 12. 22
Firefox 9.0 で仕様変更があった為、以下のコードへ全て差し替えました。
利用者はコードを差し替えること。

まず、ツールバー上で「右クリック」→「カスタマイズ」で「購読」と書かれたRSSフィードのアイコンを、ロケーションバーと検索バーの間にドラッグ&ドロップして添付画像のようなアイコンの位置関係で配置しておく。
RSS-1

次に下記のユーザースタイルシートを適用する。
/* Firefox 9 のRSSフィードアイコンをロケーションバーの中に移動する */
/* Remove button shape and place in the location bar */
#urlbar-container + #feed-button,
#urlbar-container + #reload-button + #stop-button + #feed-button {
-moz-appearance: none !important;
border: 0 !important;
background: transparent !important;
box-shadow: white -10px 0 7px -2px !important;
padding: 0 0 0 0px !important;
margin: 4px 47px 4px -63px !important;
position: fixed !important;
z-index: 1 !important;
}
#urlbar-container + #reload-button + #stop-button + #feed-button {
margin: 4px 67px 4px -83px !important;
}

/* Hover effect */
#urlbar-container + #feed-button:not(:hover) > image,
#urlbar-container + #reload-button + #stop-button + #feed-button:not(:hover) > image {
opacity: 0.8;
}
#urlbar-container + #feed-button:not([disabled="true"]):not(:active):hover > image,
#urlbar-container + #reload-button + #stop-button + #feed-button:not([disabled="true"]):not(:active):hover > image {
-moz-transition: opacity .3s ease-in;
}

/* Hide when no feeds */
#urlbar-container + #feed-button[disabled="true"],
#urlbar-container + #reload-button + #stop-button + #feed-button[disabled="true"] {
display: none !important;
}

/* Hide when showing link preview */
#urlbar {
position: relative !important;
z-index: 0 !important;
}
#urlbar[overlinkstate]:not([overlinkstate="fade-out"]) {
z-index: 2 !important;
}

/* Image of the feed-button is changed */
#urlbar-container + #feed-button > .toolbarbutton-icon,
#urlbar-container + #reload-button + #stop-button + #feed-button > .toolbarbutton-icon {
list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png") !important;
-moz-image-region: auto !important;
}

[スタイル適用後はこんな感じ]
RSS-2

下のCSSを参考にして、オレンジ色のRSSアイコンになるように改造したものです。
「Firefox 4 - Feeds Icon in location bar」
http://userstyles.org/styles/38569

また、ユーザースタイルシートが苦手な場合は、手軽に以下のアドオンを利用する方法もある。
「RSS Icon In Awesombar」
https://addons.mozilla.org/ja/firefox/addon/rss-icon-in-awesombar/
「RSS Icon」
https://addons.mozilla.org/ja/firefox/addon/rss-icon/

[関連記事]
アーカイブ
リンク1
QLOOKアクセス解析
リンク 2

FC2ブログ