バッキーの日々是爆食

アクセスカウンタ

zoom RSS Firefox Quantumの ブックマークの faviconをカスタマイズする方法

<<   作成日時 : 2018/05/28 01:05   >>

ブログ気持玉 0 / トラックバック 0 / コメント 0

Firefox Quantumになって、ブックマークの favicon(アイコン)をカスタマイズしにくくなりましたね。

以前は拡張機能で簡単にアイコンを変更できたのに、いまは手動で設定する必要があります。
とは言うものの、そんなに難しい話ではないので、下記のようにやってみてください。

1. 表示させたいアイコンを プロフィールディレクトリの chromeフォルダにコピーする
(プロフィールフォルダは about:support を開いて「フォルダを開く」ボタンを押すと、そのフォルダが開きます = フォルダの PATHが判るということです)

2. 同じく chromeフォルダの userChrome.css に下記のように記述する
(userChrome.css の文字コードは UTF-8にしてください)

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

.bookmark-item[label="XXXXXXXXXX"] image {
width:0!important;
height:0!important;
padding: 0 0 16px 16px !important;
background:url(ZZZZZZZZZZ.png)!important;
}

XXXXXXXXXX はブックマークされている名前
ZZZZZZZZZZ.png は表示したいアイコンのファイル名

後は上の設定 (.bookmark-item全体)を繰り返すだけ

userChrome.cssを保存したら Firefoxを再起動すると設定が反映されているはずです。

画像

画像


ついでに
toolbar[mode="icons"] .toolbarbutton-text { display:none !important; }
と書くと、ブックマークツールバー上の名前を消すことができますよ。
これでブックマークバーがすっきりシンプルになりました。

画像

テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
Firefox Quantumの ブックマークの faviconをカスタマイズする方法 バッキーの日々是爆食/BIGLOBEウェブリブログ
文字サイズ:       閉じる