Fire foxのアドオン

質問

Fire foxの最新版使用しております。

ブックマークフォルダをツールバーに作成し、
フォルダの色は変えることできないのでしょうか？
（Sleipnirのような・・・）

よろしくお願いします。

回答No.1

neddoheny · ベストアンサー

アドオン「Set Icon」でカスタマイズする方法があるようですが、「インストールには一度アドオンをダウンロードしたのち対応バージョンの書き換えを行なう必要があります。」と注意書きがあります。
詳細は↓のサイトを参照してください。
「Firefoxのフォルダアイコンを色分けして見やすくする」
http://kenz0.s201.xrea.com/weblog/2009/06/firefox_7.html

又、そのサイト内の10色のフォルダーをダウンロードすれば、アドオンを使わなくても
userChrome.css で適用させたりも出来ますが。
添付画像はuserChrome.cssで、青色のフォルダーに変更してみました。

例えば、userChrome.cssコードは

#PersonalToolbar toolbarbutton[class="bookmark-item"][type="menu"],
menu[container="true"][class="menu-iconic bookmark-item"]
{list-style-image: url("
ここにDATA URI を貼り付けますがおそろしく長いコードになるので貼り付けません。
") !important;
-moz-image-region: rect(0px, 16px, 16px, 0px) !important;
}

みたいな感じです。一応参考まで。

この投稿のマルチメディアは削除されているためご覧いただけません。

補足

ありがとうございます。

初心者というか・・・
把握できず申し訳ありません。
すばらしい・・・

そうです。このようにしたいのです。
コードが書かれてますが、さっぱりで。。。
URLよりアイコンのファイルはDLしましたが、
そこからわかりません。。。
サイトの内容もよくわからず。。。

バージョンは3.6.3で最新です。
アドバイスありましたらお願いします。

回答No.3

Ace1

アドオンで
　　HashColouredTabs+
　　IdentFavIcon
を入れたら如何ですか？。

回答No.2

neddoheny

誰でも出来る一番簡単な方法をテンプレート的に書いておきます。

↓のサイト中段付近にある10色のフォルダアイコンを適当な場所にダウンロードする。
http://kenz0.s201.xrea.com/weblog/2009/06/firefox_7.html
ダウンロードしたZIPファイルを、右クリック→すべて展開→次へ→適当な場所に展開。
「folder-icon」というフォルダが作成される。

次に、アドオン「Stylish」をインストールする。
https://addons.mozilla.org/ja/firefox/addon/2108
インストールしたら、右下のステータスバーに「Stylish」のアイコンが表示されるので、
左クリック→スタイルの管理→「新しいスタイルを書く」ボタンをクリック。

で、新しいスタイル画面が表示される。
その画面から、「挿入」ボタンクリック→Data URI→で、先ほど作成した「folder-icon」を指定して、その10色の中から好きな色のアイコン画像を選択し→開く。

そうすると、その色のアイコン画像のData URI（画像データの文字列）が生成されるので、
その画像データの文字列の一番先頭に、

#personal-bookmarks toolbarbutton[class="bookmark-item"][type="menu"],
menu[container="true"][class="menu-iconic bookmark-item"] {
list-style-image: url("

を追加記述する。

次に画像データの文字列の最後尾に、

") !important;
-moz-image-region: rect(0px, 16px, 16px, 0px) !important;}

を追加記述する。
「お試し」ボタンをクリックしてエラー無くスタイルがきちんと反映されるのを確認する。

確認したら「名前」欄に適当に名前を付ける。
→「保存」ボタンクリック。でスタイルが反映保存されます。

以上、お疲れ様でした。

お礼

ありがとうございました。

すばらしい・・・

未だ、なにがなんだかわかりませんが、週末トライしてみます。

詳細に感謝します。