Top Stylish >Firefox 4のウィンドウ縮小時にタブバーを最上段へ表示する方法。
2011年06月10日

Firefox 4のウィンドウ縮小時にタブバーを最上段へ表示する方法。

Firefox 4でタブを上部に表示している場合、Firefoxボタンとタブバーが並んで最上段に表示されるようになっています。

しかし、このスタイルで表示されているのはウィンドウが最大化されているときだけで、ウィンドウが最大化でない場合はFirefoxボタンが最上段となり、その下にタブバーが表示されてしまいます。

メニューバーを出している場合はFirefoxボタンが隠れるため変化はありませんが、最大化していない時にFirefoxボタンとタブがこのように段違いのスタイルで表示されることに違和感があるという方もいらっしゃるのではないでしょうか。


■最大化時


01_Tabs to Always be in the Title Bar.JPG


■最大化でない時


02_Tabs to Always be in the Title Bar.JPG


今回は、このように最大化していない時のFirefoxボタンとタブバーを、最大化時同様タイトルバー部に表示させるCSSをご紹介します。

以下のコードをStylishの新規作成画面内に貼り付けて保存するか、[userChrome.css]内に書き込むことにより、Firefoxのウィンドウを最大化していないときでも、Firefoxボタンとタブバーを並べてタイトルバー部に表示することができるようになります。


/* Firefox 4縮小時にタブバーをタイトルバー部に表示する */

#main-window[sizemode=normal][tabsontop] #appmenu-button{padding-left: 8px !important;padding-right: 8px !important;height: 22px !important;}

#main-window[sizemode=normal][tabsontop] #toolbar-menubar[autohide="true"]{ margin-top:-20px;
-moz-padding-start:80px!important; }

#main-window[sizemode=normal] #navigator-toolbox[tabsontop] > #toolbar-menubar[autohide] ~ #TabsToolbar {
-moz-padding-start:80px!important; -moz-padding-end:110px!important; }



■CSS適用後


03_Tabs to Always be in the Title Bar.JPG


このように、見た目がスッキリするだけでなく、縦方向のスペースも若干稼げるようになります。

縮小時のタブバー位置が気に入らなかった方は、試してみてはいかがでしょうか。


<関連記事>


■メニューバー部へタブバーを移設できるFirefoxアドオン「AlphaTabs」

■Firefox 4のタイトルバーにメニューバーやボタンを設置できるアドオン「Personal Titlebar」
posted by moziller at 09:00 | Comment(1) | TrackBack(0) | Stylish



この記事をはてなブックマークに登録 follow us in feedly このエントリを del.icio.us に登録 この記事をクリップ!Yahoo!ブックマークに登録
この記事へのコメント
はじめまして、いつも情報ありがとうございます。
記事について試してみましたが、Stylishで適用すると最大化じゃないときに、最小化ボタンや最大化ボタンが効かなくなるようです。
このような状態は再現とれてませんか?
Posted by TOM at 2011年06月23日 14:16
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

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

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





×

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