と、コメントをいただきましたので、その方法について記事にさせていただきました。
Firefoxユーザーの多くが利用しているGoogle ツールバーは、ツールバーに常に表示されることからスペースを取ってしまい、ブックマークツールバーなどを非表示にするなどの省スペース化を実行してもやはり一段多くなってしまうということになります。
せっかくですからこれも自動で隠れるようにしてしまいましょう。
Google ツールバーを自動的に隠すようにするは、以下のコードをプロファイルフォルダ直下の[userChrome.css]に記述するか、Stylishに新規スタイルとして登録します。
今回は、わかりやすくStylishで新規スタイルを作成する方法で解説しました。
Firefoxにアドオン「Stylish」をインストールされている方は、ステータスバーアイコンを右クリック→新しいスタイルを書く→白紙のスタイルをクリックします。
「新しいスタイル」ウィンドウ内の「名前」部分にわかりやすい名前を付け、下部のテキストボックスに以下のコードを記述します。
#gtbToolbar{display:none;}
#navigator-toolbox:hover > #gtbToolbar{display:-moz-box;}
#navigator-toolbox:hover > #gtbToolbar{display:-moz-box;}
保存ボタンでウィンドウを閉じればGoogle ツールバーが自動的に隠れ、マウスオーバーで再度表示されるようになります。
↓
このように、サードパーティアプリなどで追加されたツールバーも、ID（上記の場合gtbToolbar）さえわかればそのID名を書き換えるだけで同様に自動的に隠すことができるようになります。
このようなIDを調べるには、DOM Inspectorというアドオンを使えば簡単です。
１．DOM Inspectorをインストール後、ツール→[DOM Inspector]でDOM Inspectorを起動します。
２．DOM Inspectorウィンドウの上部メニューからFile→Inspect Chrome Document→（１）をクリック。
３．左上のFind a node・・・ボタンをクリックし、目的の要素（今回の場合はGoogle ツールバーの「Google」ボタン）をクリックします。
４．クリックした要素が赤枠で点滅し、nodeName部にidが表示されます。
このようにして目的のツールバーなどのIDを調べることにより、その他のツールバーも自動的に隠すように設定することも可能ですので、便利だがあまり使わないようなバーも同様に処理していけば、うまく省スペース化を実現できると思います。
Google ツールバーをはじめ、デフォルトに無いバーも隠したいという方は試してみてはいかがでしょうか。
＜関連記事＞
■「userChrome.css」を編集してFirefoxのツールバーをカスタマイズする方法。
■Firefoxのブックマークツールバーを自動的に隠すアドオン「Bookmark Autohider」
■Firefoxのページ内検索バーを指定秒後に自動で閉じるようにできるアドオン「Hide Find Bar」
■Firefoxのブックマークツールバーを自動的に隠す設定。
■Firefoxのメインメニューとステータスバーの表示項目を自動的に隠すようにする方法。
■Firefoxのタイトルバーを非表示にしてブラウジングスペースを広げるアドオン「Hide Chrome」
■タブバーを自動的に隠したり、任意キーで出し入れできる「Hide Tab Bar」
Stylishを使わない方法もお願いします！
ひさしぶりにStylish入れました。（ふだんグリモンで足りているので）
これでしばらく使ってみます。
DOM Inspectorでidを探してみたのですがイマイチわからず、リンクにある「Hide Tab Bar」というアドオンも試してみたのですが、バージョンの関係かは不明ですが機能しませんでした。
userstyles.orgにタブバーを自動的に隠すユーザースタイルとして「Auto-hide Tabbar」
というものが公開されていますので、こちらを使えばご希望の動作になると思います。
CSSの内容は
#main-window .tabbrowser-strip {
height: 5px !important;
overflow: hidden !important;
}
#main-window .tabbrowser-strip:hover {
height: 100% !important;
}
となります。
デフォルトでは、バーの端が若干見えるような感じになりますが、スタイルの編集を開き、「height: 5px !important;」部分の[5px]を[2px]程度にすればいい感じになると思います。
コメントありがとうございました。
今更ですがuserstyles.orgというのがあることも今回知りました。
ただこのスタイルは微妙なスペースにマウスカーソルを持っていかないと反応しないのが不便ですねｗ
ツールバーを自動表示するとタブは消えてしまいますし。
他のツールバーの自動隠しのように、ツールバーのあるスペースにマウスカーソルを持っていけば、タブバーも反応してくれると尚良しでしたがとりあえずこれでやってみます。
ありがとうございました。