FireFoxでBookmarkletのアイコンを変える

Posted on | 7月 18, 2007 | No Comments

FirefoxのブックマークがBookmarkletだらけなので、普通のブックマークとの違いが分かりやすいようにします。アイコン変えて視認性を上げることで、作業効率が3倍上がりますよ（当社比・個人差があります）というHackです。やり方はちょっとムズカシメですが、これから書いた通りにやればきっと出来ます。やることの流れはざっと以下な感じです。

1. userChrome.cssというファイルをサンプルを元に作る
2. 中身にとあるおまじないを書く
3. アイコンを用意する
4. Firefoxを再起動

さぁやってみよっ！

まずはファイルの場所です。エクスプローラーを開いて、以下のパスに行っちゃって☆

C:Document and Settings\(ユーザ名)\Application Data\Mozilla\FireFox\Profiles\(自分の使ってるプロフィールのディレクトリ)\chrome

そこを開くと、

userChrome-example.css

というファイルがあるので、これを複製するなり名称変更するなり、似るなり焼くなりして、

userChrome.css

というファイルを作成します。そしたらそれをテキストエディタで開いて（文字コードはUTF-8なので、秀丸とかが良いと思います。まぁ日本語が文字化けしても説明文なので、化けちゃったところは削除しちゃても構いません）、中に以下のおまじないを書き込みます。

.bookmark-item[statustext^="javascript:"] { list-style-image: url(“bookmarklet.png”) !important; }

そんなの無理って人は、ファイルを置いておくので、ダウンロードしてください。

> userChrome.css

デフォルトだと下記な感じになります。

@charset “utf-8″;
/*
* このファイルを編集して、profile-directory/chrome/userChrome.css
* としてコピーしてください。
*/

/*
* このファイルは、Mozilla のユーザインタフェース(UI) の外観をカスタマイズ
* するのに使用することができます。
* デフォルト設定の無効化宣言 !important を使用する事を忘れないでください。
*/

/*
* @namespace 行は削除しないでください ? 正しく機能するために必要です。
*/
@namespace url(“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”); /* set default namespace to XUL */
.bookmark-item[statustext^="javascript:"] {
list-style-image: url(“bookmarklet.png”) !important;
}

Bookmarklet.pngの部分は、好きな画像名とパスにして良いですけど、そこあんまりこだわるところじゃないので、userChrome.cssと同じ場所にbookmarklet.pngという名前のアイコンを置きましょう。私がやってみたところ、17 x 17 ピクセルがちょうど良い大きさでした。私が使ったアイコンも置いときます。

> bookmarklet.png

で、再起動すると、完了。驚くほど視認性がアップ！！じゃーん。

ちなみに、私は、Bookmarkletじゃないブックマークはほぼゼロなので、全く意味ないですけど、なんかアイコンがかわいいので、やってます。この「Bookmarkletのアイコンを変えて視認性をUP!!!!!」なHack。気に入ったら試してみてくださいねー☆

なお、あんまり関係ないですけど、FirefoxをFireFoxと書くとすごく突っ込んでくる人が世の中にはいるので、注意しましょう。

Related Entries

• Firefox で機能拡張する時 / した時
• エクセルの新規作成で出来るシートを1枚にする方法
• Eclipse で改訂フラグを見やすくする
• Gmail がバージョンアップ
• エクセルのファイルパスを簡単にコピペする方法

Comments