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

FireBug のアイコンの変更方法

FireFox で FireBug を使用していますが、アイコンが「アレ」にしか見えなくて困っています。
もちろん本当はホタルであることは知っていますが一旦そう思ってしまうとどうしても「アレ」に見えてしまいます。

現在は下記の質問内容を元に xpi ファイルを直接変更していますが、バージョンアップの度に変更しなければならないのも面倒です。
http://q.hatena.ne.jp/1179122811
userChrome.css で変更するなど、バージョンアップを気にしないですむ方法を教えてください。



●質問者: b-wind
●カテゴリ:コンピュータ インターネット
✍キーワード:CSS Firebug firefox userChrome アイコン
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● tso973
●50ポイント

>バージョンアップを気にしないですむ方法を教えてください。


FireBugの作者(下記)に直訴する。

Joe Hewitt

https://addons.mozilla.org/ja/firefox/user/9265


Justin Dolske

https://addons.mozilla.org/ja/firefox/user/63876


Rob Campbell

https://addons.mozilla.org/ja/firefox/user/95117


あなたと同じ意見の人は多数いるようなので多くの人の幸せのためにあなたの直訴はとてもよいコントリビューションになると思います。

http://groups.google.com/group/firebug/browse_thread/thread/3c96...

◎質問者からの返答

なるほど、ナイスアイデアですね。

ただ、私では英語でうまく状況を伝えられませんので訴状の原文を作っていただけるとありがたいです。


2 ● northapple
●100ポイント

userChrome.css

@charset "utf-8";
/*
 * このファイルを編集して userChrome.css という名前で
 * [プロファイルディレクトリ]/chrome/
 * ディレクトリにコピーしてください。
 */

/*
 * このファイルを使って Mozilla のユーザインターフェイスの見た目をカスタマイズ
 * できます。デフォルト設定を上書きする場合は !important 宣言を使ってください。
 */

/*
 * 次の @namespace 規則ではデフォルト名前空間を XUL にしています。
 * 削除すると正常に動作しなくなるので、削除しないでください。
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


/*
 * 操作性を向上させる例:
 */
/*
 * デフォルトフォントサイズをすべて 20 ポイントにする:
 *
 * * {
 * font-size: 20pt !important
 * }
 */
/*
 * メニュー項目についてはデフォルトサイズではなく 15 ポイントにする:
 *
 * menupopup > * {
 * font-size: 15pt !important
 * }
 */
/*
 * ロケーション (URL) バーを固定幅フォントで表示する:
 *
 * #urlbar {
 * font-family: monospace !important;
 * }
 */

/*
 * 目障りな Throbber を表示しなくする:
 *
 * #throbber-box {
 * display: none !important;
 * }
 */

/*
 * その他の例は次のページを参照してください:
 * http://www.mozilla-japan.org/unix/customizing.html
 */
 
@-moz-document url(chrome://browser/content/browser.xul) {
 #fbStatusIcon {
 list-style-image: url("chrome://global/skin/icons/information-16.png") !important;
 }
}

list-style-image に自分の好みの画像を指定してください。

スクリーンショット

◎質問者からの返答

ありがとうございます。早速試してみました。

確かにブラウザーのステータスバーのアイコンは変わっていますが、他がそのままですね。

自分が調べただけでも5、6種類のアイコンを変更しないといけないんですがその他の設定は分かりますか?


3 ● northapple
●100ポイント ベストアンサー

userChrome.css

@charset "utf-8";
/*
 * このファイルを編集して userChrome.css という名前で
 * [プロファイルディレクトリ]/chrome/
 * ディレクトリにコピーしてください。
 */

/*
 * このファイルを使って Mozilla のユーザインターフェイスの見た目をカスタマイズ
 * できます。デフォルト設定を上書きする場合は !important 宣言を使ってください。
 */

/*
 * 次の @namespace 規則ではデフォルト名前空間を XUL にしています。
 * 削除すると正常に動作しなくなるので、削除しないでください。
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

/*
 * 操作性を向上させる例:
 */
/*
 * デフォルトフォントサイズをすべて 20 ポイントにする:
 *
 * * {
 * font-size: 20pt !important
 * }
 */
/*
 * メニュー項目についてはデフォルトサイズではなく 15 ポイントにする:
 *
 * menupopup > * {
 * font-size: 15pt !important
 * }
 */
/*
 * ロケーション (URL) バーを固定幅フォントで表示する:
 *
 * #urlbar {
 * font-family: monospace !important;
 * }
 */

/*
 * 目障りな Throbber を表示しなくする:
 *
 * #throbber-box {
 * display: none !important;
 * }
 */

/*
 * その他の例は次のページを参照してください:
 * http://www.mozilla-japan.org/unix/customizing.html
 */
 
@-moz-document url(chrome://firebug/content/panel.html) {
 html|*.dialogBox {
 background: -moz-field url(chrome://global/skin/icons/information-32.png) no-repeat 30px 30px !important;
 }
 html|*.moduleManagerBox {
 background: -moz-field url(chrome://global/skin/icons/information-32.png) no-repeat 30px 30px !important;
 }
}

@-moz-document url(chrome://browser/content/browser.xul) {
 #fbStatusIcon {
 list-style-image: url(chrome://global/skin/icons/information-16.png) !important;
 }
 #fbStatusIcon[jsd="on"] {
 list-style-image: url(chrome://global/skin/icons/information-16.png) !important;
 }
 #fbStatusIcon[net="on"] {
 list-style-image: url(chrome://global/skin/icons/information-16.png) !important;
 }
 #fbStatusIcon[errors="on"] {
 list-style-image: url(chrome://global/skin/icons/information-16.png) !important;
 }
 #fbFirebugMenu {
 list-style-image: url(chrome://global/skin/icons/information-16.png) !important;
 }
}

スクリーンショット

◎質問者からの返答

リクエストに答えていただいてありがとうございます。きっちり変更されました。

あとはアドオン管理のメニューぐらいですが、これはどうしようもなさそうですね。

関連質問


●質問をもっと探す●



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