みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

Fire foxのアドオン

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

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

よろしくお願いします。

投稿日時 - 2010-04-04 17:57:51

QNo.5802308

暇なときに回答ください

質問者が選んだベストアンサー

アドオン「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;
}

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

マルチメディアファイルは削除されたか見つかりません。

投稿日時 - 2010-04-04 20:21:02

補足

ありがとうございます。

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

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

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

投稿日時 - 2010-04-05 02:32:19

このQ&Aは役に立ちましたか?

12人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.3

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

投稿日時 - 2010-04-07 19:55:04

ANo.2

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

↓のサイト中段付近にある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;}

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

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

以上、お疲れ様でした。

投稿日時 - 2010-04-05 18:48:24

お礼

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

すばらしい・・・

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

詳細に感謝します。

投稿日時 - 2010-04-07 23:34:55

あなたにオススメの質問