このフォルダアイコンは、テーマをインストールすることによって変更されることもありますが、デフォルトテーマでもこの部分だけ変更することが可能です。
「黄色いのに飽きた」、「もっとかっこいいフォルダアイコンに変更したい」という方は、以下の手順で簡単に変更することができます。
今回は、設定や変更、削除など、後の管理が簡単な「Stylish」を使った方法でやってみます。
設定を開始するには、Firefoxにアドオン「Stylish」をあらかじめインストールしておいてください。
＜ブックマークツールバーのフォルダアイコン変更方法＞
１．変更用のフォルダアイコン（16×16）を、ブログやサイトにアップロードしておく。（ローカルファイルでもたぶんOKです。）
２．Stylishのステータスバーアイコン
をクリックし、スタイルを書く→[空のスタイル]をクリックします。
３．表示されたユーザースタイル記入ウィンドウに任意のタイトル（概要）を付け、スタイル記入欄に以下のコードを記述します。
/* ブックマークツールバーのフォルダアイコンを変更 */
.bookmark-item[container] > image.toolbarbutton-icon,
.bookmark-item[container] > hbox.menu-iconic-left > image {
list-style-image: url(アップしたアイコンファイルのURL) !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
}
４．コード内の(アップしたアイコンファイルのURL)の（）内を、用意したフォルダアイコンのURLに置き換える。
例：url(アップしたアイコンファイルのURL)
↓
url(https://mozilla-remix.up.seesaa.net/image/Generic20Blue.ico)
５．[保存]ボタンをクリックすれば、即座に変更が反映されます。
■変更前
■変更後
また、これによりブックマークツールバーフォルダと、ツールメニューの[ブックマーク]内のフォルダアイコンも同じものに変更されます。
＜ブックマークサイドバーのフォルダアイコン変更方法＞
上記設定では、サイドバーでブックマークを開いた際に表示されるフォルダアイコンは変更されません。
サイドバー内のブックマークフォルダアイコンも変更したい場合は、別途スタイルを書く必要があります。
この場合は、ツールバーと同様の手順で、手順【３】に記述するコードを以下のようにしてください。
/* ブックマークサイドバーのフォルダアイコンを変更 */
treechildren::-moz-tree-image(container) {
list-style-image: url(アップしたアイコンファイルのURL) !important;
-moz-image-region: auto !important;
}
同様にアイコンのURLを書き換えて保存すれば、サイドバーのブックマークフォルダアイコンも変更されます。
■変更前
■変更後
＊サイドバーを開いたままで設定した場合は、一旦サイドバーを閉じて再度開けば変更が確認できます。
このように、２つのユーザースタイルをセットしてやることによって、ブックマークツールバー、ブックマークメニュー、ブックマークサイドバーのフォルダを変更することができます。
アイコンを2種用意しておけば、サイドバー表示とツールバー表示で違ったフォルダを表示させることも可能です。
元に戻したい場合は、Stylishアイコンクリック→[スタイルの管理]をクリックし、作成したスタイル選択して削除ボタンをクリックして削除するか、スタイル名横のチェックマークをクリックしてチェックを外すことにより、一時無効にすることができます。
（アイコンは自動的にデフォルトに戻ります。）
＊注意：これらの設定を行った際、[よく見るページ]などの特殊フォルダ、および履歴のフォルダ、ScrapBookのフォルダなども同時に変更されます。
デフォルトテーマにワンポイント欲しい場合や、気に入ったテーマのフォルダアイコンだけが気に入らない場合などにお試しください。
ダウンロード：Stylish（Firefox Add-ons）
＜関連記事＞
■StylishでカスタマイズするFirefoxインターフェース。
■Firefoxのユーザーインターフェースを[Stylish]でクールにカスタマイズする10個のユーザースタイル。
■「Stylish」を使ってカスタマイズしたユーザースタイルをバックアップする方法。
■Firefoxのブックマークアイコンを自由に変更できる「Favicon Picker 2」
■Firefox 3の各種メニューアイコンなどをグラフィカルにカスタマイズできるアドオン「Menu Icons Plus」
Photoshop&Illustrator ブログ＆Web素材で困ったときのお助けBook
posted with amazlet at 08.11.07
清水 宏美
技術評論社
売り上げランキング: 18874
技術評論社
売り上げランキング: 18874
.bookmark-item[container]:not([query])
で除外できそう