えむもじら

最近の Firefox 4 関連のスクリーンショットを見るとタブをタイトルバーに表示（Tabs in Titlebar）しているケースを多く見かけます（例えば最近の Mozilla Links の記事など）。個人的には、スクリーンショットを撮る際はなるべくデフォルトのスタイルにしておいたほうが良いと思うのですが、記事の筆者はこれが Firefox 4 のデフォルトのスタイルだと勘違いしているのではないかという気もするくらい、このスタイルはバランスが良くすっきりしています。

タブをタイトルバーに表示するには拡張機能 Stylish をインストールして userstyles.org からユーザスタイルシートを適用するのが一番簡単です。スタイルシートはいくつも登録されていますがここではシンプルな Firefox 4 Normal Window Tabs In Titlebar を用いました。ただし、後述のように余白部分を少し調整しています。

このスタイルシートは Windows XP では残念な結果になるので少し調整が必要です。以下がその結果で、背景を透過にして、位置や余白を調整しています。

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#main-window[tabsontop="true"][sizemode="normal"] #TabsToolbar {    
    margin-left: 98px !important;
    margin-right: 75px !important;
    background-color: transparent !important;
}

#main-window[tabsontop="true"][sizemode="normal"] #toolbar-menubar {
    margin-left: 98px !important;
    margin-top: -28px !important;
}

#main-window[tabsontop="true"][sizemode="normal"] #appmenu-button-container {
position: relative !important;
z-index: 2 !important;
}

タブバーの左右の余白部分を調整するには #TabsToolbar の margin を、上下の位置を調整するには #toolbar-menubar の margin-top の値を変更してください。ウィンドウを最大化したときの表示に合わせるのが良いでしょう。ただし、タブバーの左右の余白部分は、ウィンドウを移動する際の唯一のドラッグ可能領域となるのである程度の広さを確保しておいたほうが良いでしょう。

注意点として、このスタイルシートを適用した状態でメニューバーを表示すると、マウスによるメニューバーへのアクセスがほとんど不可能になってしまいます。その場合は慌てず、Alt、→、→、↓をタイプすれば表示メニューのリストが表示されます（Alt+V でも可能です）。

他にも Firefox ボタンのカスタマイズも合わせて可能なものなど多くのユーザスタイルシートが登録されています。userstyles.org で "tabs titlebar" などで検索すれば見つかります。

• FF4 - Tabs in Titlebar in restored window - Themes and Skins for browser - userstyles.org
• tabs on titlebar for zero border Win7 themes - userstyles.org
• Firefox 4 Tabs In Titlebar w/ Appmenu As Tab - Themes and Skins for browser - userstyles.org
• Firefox 4 Menu Button with icon+(Tabs in Titlebar) - Themes and Skins for browser - userstyles.org