Top Mozilla-Tip's >Firefox上で「Google ツールバー」を自動的に隠す方法。
2009年11月30日

Firefox上で「Google ツールバー」を自動的に隠す方法。

先日の記事Firefoxのブックマークツールバーを自動的に隠すアドオン「Bookmark Autohider」へ、SAさんから>googleツールバーを自動的に隠すアドオンがないかadd-onsをざっと探しましたがないようです。・・・

と、コメントをいただきましたので、その方法について記事にさせていただきました。

Firefoxユーザーの多くが利用しているGoogle ツールバーは、ツールバーに常に表示されることからスペースを取ってしまい、ブックマークツールバーなどを非表示にするなどの省スペース化を実行してもやはり一段多くなってしまうということになります。

せっかくですからこれも自動で隠れるようにしてしまいましょう。

Google ツールバーを自動的に隠すようにするは、以下のコードをプロファイルフォルダ直下の[userChrome.css]に記述するか、Stylishに新規スタイルとして登録します。

今回は、わかりやすくStylishで新規スタイルを作成する方法で解説しました。

Firefoxにアドオン「Stylish」をインストールされている方は、ステータスバーアイコンを右クリック→新しいスタイルを書く→白紙のスタイルをクリックします。

「新しいスタイル」ウィンドウ内の「名前」部分にわかりやすい名前を付け、下部のテキストボックスに以下のコードを記述します。

#gtbToolbar{display:none;}
#navigator-toolbox:hover > #gtbToolbar{display:-moz-box;}



06_Auto_hide_Google toolbar.JPG


保存ボタンでウィンドウを閉じればGoogle ツールバーが自動的に隠れ、マウスオーバーで再度表示されるようになります。


07_Auto_hide_Google toolbar.JPG

                          ↓

08_Auto_hide_Google toolbar.JPG


このように、サードパーティアプリなどで追加されたツールバーも、ID(上記の場合gtbToolbar)さえわかればそのID名を書き換えるだけで同様に自動的に隠すことができるようになります。

このようなIDを調べるには、DOM Inspectorというアドオンを使えば簡単です。

1.DOM Inspectorをインストール後、ツール→[DOM Inspector]でDOM Inspectorを起動します。


01_Auto_hide_Google toolbar.JPG


2.DOM Inspectorウィンドウの上部メニューからFile→Inspect Chrome Document→(1)をクリック。


02_Auto_hide_Google toolbar.JPG


3.左上のFind a node・・・ボタンをクリックし、目的の要素(今回の場合はGoogle ツールバーの「Google」ボタン)をクリックします。


03_Auto_hide_Google toolbar.JPG


04_Auto_hide_Google toolbar.JPG


4.クリックした要素が赤枠で点滅し、nodeName部にidが表示されます。


005_Auto_hide_Google toolbar.JPG


このようにして目的のツールバーなどのIDを調べることにより、その他のツールバーも自動的に隠すように設定することも可能ですので、便利だがあまり使わないようなバーも同様に処理していけば、うまく省スペース化を実現できると思います。

Google ツールバーをはじめ、デフォルトに無いバーも隠したいという方は試してみてはいかがでしょうか。


<関連記事>


■「userChrome.css」を編集してFirefoxのツールバーをカスタマイズする方法。

■Firefoxのブックマークツールバーを自動的に隠すアドオン「Bookmark Autohider」

■Firefoxのページ内検索バーを指定秒後に自動で閉じるようにできるアドオン「Hide Find Bar」

■Firefoxのブックマークツールバーを自動的に隠す設定。

■Firefoxのメインメニューとステータスバーの表示項目を自動的に隠すようにする方法。

■Firefoxのタイトルバーを非表示にしてブラウジングスペースを広げるアドオン「Hide Chrome」

■タブバーを自動的に隠したり、任意キーで出し入れできる「Hide Tab Bar」


posted by moziller at 15:29 | Comment(5) | TrackBack(0) | Mozilla-Tip's



この記事をはてなブックマークに登録 follow us in feedly このエントリを del.icio.us に登録 この記事をクリップ!Yahoo!ブックマークに登録
この記事へのコメント
これはいいですね^^
Stylishを使わない方法もお願いします!
Posted by 名無し at 2009年11月30日 16:24
まさかのエントリー、ありがとうございます。

ひさしぶりにStylish入れました。(ふだんグリモンで足りているので)
これでしばらく使ってみます。
Posted by SA at 2009年11月30日 20:33
Stylishを使う方法でタブバーを自動的に隠す方法を教えてください。(Tab Mix Plusを利用してます)

DOM Inspectorでidを探してみたのですがイマイチわからず、リンクにある「Hide Tab Bar」というアドオンも試してみたのですが、バージョンの関係かは不明ですが機能しませんでした。
Posted by hayakou at 2009年12月01日 03:52
>hayakouさま。

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]程度にすればいい感じになると思います。

コメントありがとうございました。
Posted by moziller at 2009年12月01日 09:09
詳しく教えていただきありがとうございました。
今更ですがuserstyles.orgというのがあることも今回知りました。

ただこのスタイルは微妙なスペースにマウスカーソルを持っていかないと反応しないのが不便ですねw
ツールバーを自動表示するとタブは消えてしまいますし。
他のツールバーの自動隠しのように、ツールバーのあるスペースにマウスカーソルを持っていけば、タブバーも反応してくれると尚良しでしたがとりあえずこれでやってみます。
ありがとうございました。
Posted by hayakou at 2009年12月01日 23:22
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

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

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





×

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