Firefox

Firefox 10 消える「進む」ボタンを、常に表示しておく方法

Firefox 10 から「進む」ボタンは、有効な時だけボタンがスライド表示される仕様になったが、この「進む」ボタンをいちいち消さない方法。(この仕様は「小さいアイコンを使用」にチェックを入れてる場合は関係なし)

Firefox 10 から「進む」ボタンは無効時には表示されない。
firefox-10-1

履歴を戻って有効になった時だけ「進む」ボタンがスライド表示される。
firefox-10-2

これを、「進む」ボタンとロケーションバーが合体されたFirefox 10 の新しいデザインスタイルのまま、常に「進む」ボタンを表示する方法。
まず、ツールバーを右クリックして→「カスタマイズ」から「伸縮自在のスペース」を選択して「進む」ボタンと「ロケーションバー」の間に、ドラッグ&ドロップで挟んでやる(赤枠参照)。
firefox-10-3-2

firefox-10-6-1

次に、ユーザースタイルシート(userChrome.css)で以下を記述する。
/* ::::: Firefox 10 「進む」ボタンを新デザインのまま常に表示する ::::: */
#navigator-toolbox[iconsize=large][mode=icons]:not([customizing]) > #nav-bar #forward-button {
border-right: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
margin-right: 0px !important;
}
#navigator-toolbox[iconsize=large][mode=icons]:not([customizing]) > #nav-bar #urlbar {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
margin-left: 0px !important;
}
そうするとスタイル適用後には、Firefox 10 の新しいデザインのままで「進む」ボタンが常に表示される。
firefox-10-8


尚、上記のCSSを記述しない場合は、「伸縮自在のスペース」を間に挟むだけでFirefox 9 の頃のデザインで「進む」ボタンは常に表示されるようになる。
firefox-10-7

もしくは、「進む」ボタンと「ロケーションバー」の間になにか他のボタンを挟んでいる場合は、「進む」ボタンは消えない。
firefox-10-5-1
アーカイブ
リンク1
QLOOKアクセス解析 この日記のはてなブックマーク数
リンク 2

FC2ブログ