http://q.hatena.ne.jp/1510418553 お世話になっております。こ…

http://q.hatena.ne.jp/1510418553

お世話になっております。
この質問の続きの質問になります。
作者の方に要望のメールは送ったのですが返事がありません。アドオンではブックマークツールバーの見た目を変更できなくなったという情報もいただきました。
手作業でも構わないので、フォルダを変更することはできないでしょうか。

ベストアンサー

a-kuma32017/11/26 21:17:19

ブックマークツールバーのフォルダの favicon は、userChrome.css という仕組みで変更できます。
https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Tutorial/Modifying_the_Default_Skin

多分、プロファイルディレクトリには、chrome というディレクトリはないでしょうから、

新規に chrome という名前のディレクトリを作成する
chrome ディレクトリに、userChrome.css という名前のテキストファイルを作成する

という手順を踏みます。

変更したい favicon の画像を Data URI Scheme します。
変更したいブックマークのフォルダにユニークな名前をつけておきます。
userChrome.css に以下の内容を書き込んで、文字コードを UTF-8 で保存してください。

ブックマークツールバーの favicon を変更する場合には、以下のように書きます。

toolbarbutton.bookmark-item[label="フォルダ名"] > .toolbarbutton-icon {
    list-style-image: url(data:image/png;base64,iVBORw...) !important;
}

一行目の label="..." は、そのフォルダにつけた名前です。
二行目の url(...) は、画像の Data URI Scheme です。

ブックマークツールバーのサブフォルダの favicon を変更する場合には、以下のように書きます。

menu.bookmark-item[label="フォルダ名"] .menu-iconic-icon {
    list-style-image: url(data:image/png;base64,iVBORw...) !important;
}

全てのフォルダの画像を、同じ favicon に変更する場合には、以下のように書きます。

.bookmark-item[container] {
    list-style-image: url(data:image/png;base64,iVBORw...) !important;
}

スター

1件のコメントを見る
berserkx 2017/11/27 02:23:56

回答ありがとうございます。
できました。

スター

この質問へのコメント

コメントはありません

http://q.hatena.ne.jp/1510418553

ベストアンサー

a-kuma32017/11/26 21:17:19

berserkx 2017/11/27 02:23:56

その他の回答

この質問へのコメント

この質問への反応（ブックマークコメント）

質問の情報

この質問のカテゴリ

この質問に含まれるキーワード

人気の質問

メニュー

PC版