Firefoxの拡張にPrefButtonsというのがある。こいつは画像の表示／非表示やリファラの送信／非送信などを簡単に変更できる拡張で、それらを変更するためのボタンやチェックボックスをツールバーに追加できるようになる。
とっても重宝しているのだが、Booleanな値の変更がボタンじゃなくてチェックボックス＋ラベルなので、ツールバー上でちょっと幅をとるのが難点。
userChrome.cssを修正して、チェックボックスを消してON/OFFがわかる画像をラベルに指定してた筈なんだけど、こないだのトラブルでuserChrome.cssの修正内容もロストしたらしい。
＃ 元ネタも、どこで拾ったかもわからん…
取り敢えずチェックボックスをラベルのテキスト表示のみにして、ちょっとだけスリムにはなったんだけど、チェックボックスをボタン化（アイコン化）するuserChrome.css、誰か持ってない？（わは）
● 2006年05月12日追記
この記事にいただいたコメントのお陰で、userChrome.cssが復活しました。
＃ 画像は元々全て書き換えていたので、ソースを貰えたのが非常に助かりました
ということで、アーカイブファイルのアップロード先や復旧の記事は、以下の通りです。
PrefButtonsチェックボックスアイコン化userChrome.css - 『子供、いらない』付録SS 2006年05月12日21:21
PrefButtonsチェックボックスのボタン化成功 2006年05月12日22:48
http://diary.noasobi.net/2005/11/diary_051112a.html
多分、これです。
/* ===============================================
PrefButtons のチェックボックスをボタン化する
=============================================== */
checkbox[id*="prefbuttons"]:focus > hbox {
border-style:none !important;}
toolbaritem[id*="prefbuttons"] * {
margin:0 !important;
padding:0 !important;}
checkbox[id*="prefbuttons"] > image,
#main-window checkbox[id*="prefbuttons"] label {
display:none !important;}
checkbox[id*="prefbuttons"] >hbox>image {
min-width:21px !important;
height:14px !important;
margin:1px 1px !important;
border:1px solid #999 !important;
background: transparent none center center no-repeat;}
checkbox[id*="prefbuttons"][checked="true"] >hbox>image {
border:1px inset #ccc !important;
background-color:rgb(240,208,200) !important;}
checkbox[id="prefbuttons:fonts"]>hbox>image {width:21px;
background-image:url("pb-font.png");}
checkbox[id="prefbuttons:colors"]>hbox>image {width:25px;
background-image:url("pb-color.png");}
checkbox[id="prefbuttons:systemcolors"]>hbox>image {width:40px;
background-image:url("pb-systemcolor.png");}
checkbox[id="prefbuttons:images"]>hbox>image {width:22px;
background-image:url("pb-img.png");}
checkbox[id="prefbuttons:java"]>hbox>image {width:21px;
background-image:url("pb-java.png");}
checkbox[id="prefbuttons:javascript"]>hbox>image {width:21px;
background-image:url("pb-js.png");}
checkbox[id="prefbuttons:cookies"]>hbox>image {width:27px;
background-image:url("pb-cookie.png")}
checkbox[id="prefbuttons:referrer"] >hbox>image {width:14px;
background-image:url("pb-referer.png");}
checkbox[id="prefbuttons:pipelining"]>hbox>image {width:14px;
background-image:url("pb-pipeline.png");}
checkbox[id="prefbuttons:proxycheck"]>hbox>image {width:25px;
background-image:url("pb-proxy.png");}
checkbox[id="prefbuttons:cookieask"]>hbox>image {width:41px;
background-image:url("pb-cookieask.png");}
checkbox[id="prefbuttons:formfill"] >hbox>image {width:39px;
background-image:url("pb-formfill.png");}
checkbox[id="prefbuttons:images-tab"]>hbox>image {width:35px;
background-image:url("pb-img-tab.png");}
checkbox[id="prefbuttons:javascript-tab"]>hbox>image {width:31px;
background-image:url("pb-js-tab.png");}
checkbox[id="prefbuttons:plugins-tab"] >hbox>image {width:45px;
background-image:url("pb-plugin-tab.png");}
このソースですよ、このソース！
それと、ボタンイメージは自分で作るので、全く問題ありません。
取り敢えず、ボタン画像を1個だけ作って試したところ、about:configで正常動作を確認できました！
ありがと～。