ブックマークツールバーからテキストを消してFaviconのみにする方法

Firefoxのブックマークツールバーをfaviconのみ表示させるアドオンはSmart Bookmarks Barが有名らしい。
しかし、「アドオンを入れなくても代用できるものは極力代用していく主義」の自分は、hogehogeさんのところで紹介されていたuserChrome.css でブックマークツールバーフォルダをスマートにを利用させて頂いていた。が、どうもFirefox 3にしてからこれらのセレクタが一部変更になってしまったようで、うまく動作しなくなってしまった。

その解決方法を見つけたのでメモ。この記事を書くにあたり、Smart Bookmarks Barの内部ファイルを参考にさせて頂いたので、作者のRemy Juteau氏に感謝を記しておこう。

Firefox Add-ons

まずはSmart Bookmarks Bar :: Firefox Add-onsにアクセスし、インストールボタンを右クリックして「名前を付けてリンク先を保存」する。

拡張子の変更

次に、保存されたファイルの拡張子を「.xpi」から「.zip」に変更し、解凍ソフトで開く。Explzhの場合は「.xpi」のままドラッグしても中身を参照することができた。

Explzhで参照

ツリーを展開していき、それらしきCSSを探す。このbase.cssをテキストエディタで開いてみる。すると、

/* Names Hiding */
#bookmarks-ptf toolbarbutton.bookmark-item[image]:not([image=""]):not([container="true"]) .toolbarbutton-text,
#personal-bookmarks toolbarbutton.bookmark-item[image]:not([image=""]):not([container="true"]) .toolbarbutton-text,
#personal-bookmarks toolbarbutton.bookmark-item[image]:not([image=""]):not([container="true"]) .toolbarbutton-text-shadow {
	display: none !important;
}

このような行が見つかった。このうち、2行目のセレクタを抜き出し、userChrome.cssに貼り付けてみたところ・・・。

ブックマークツールバー

できた!フォルダにはテキスト表示が残っていることから、1行目はフォルダのテキストに当たると予想し、1,2行目を抜き出し、貼り付けてみたところ・・・。

ブックマークツールバー

あれ?変化がない。これじゃなかったらしい。まぁフォルダ名のテキストは残して置いてもいいか。
というわけで、Firefox 3に対応した「userChrome.css でブックマークツールバーフォルダをスマートに」する方法はuserChrome.cssにこれを加えることで解決した。

#personal-bookmarks toolbarbutton.bookmark-item[image]:not([image=""]):not([container="true"]) .toolbarbutton-text {
	display: none !important;
}

ちなみに、ただ単に「.toolbarbutton-text」に対して「display: none !important;」をするとフォルダ名のテキストも非表示になるが、ありとあらゆるツールバーのテキストが消えてしまう副作用がある。

.toolbarbutton-text {
	display: none !important;
}

こうすると・・・

副作用

こうなってしまう。さすがにここまでシンプルになると作業に支障が出てしまうのでオススメしない。

スポンサーリンク

この記事をシェアしてくださいねっ

このサイトが気に入ったらフォローしてください!