人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: berserkx
●カテゴリ:インターネット
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
ベストアンサー

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

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

  1. 新規に chrome という名前のディレクトリを作成する
  2. 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;
}

berserkxさんのコメント
回答ありがとうございます。 できました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ