Firefox 3:UIカスタマイズ ― 2008/09/28 21:03
このところFxの外観ばかりいじってたのだが、ほぼ望み通りになったので覚書程度に晒してみる。
テーマはClassic Compact。
タイトルバーは、アドオンのHide Chromeで非表示。ウインドウは移動させないのでタイトルバーはなくても問題なし。
ステータスバーは、アドオンのAutoHideStatusbarで自動開閉。
メニューバーは、アドオンのCompact Menu 2でメニューをアイコン化してバーを非表示。
ブックマークツールバーはブックマークをナビゲーションツールバーへ移動してバーを非表示。
userChrome.css
user.js(UI周りのみピックアップ)
サイトアイコンを無効にしているので、以前からタブアイコンを消したかったのですが、アイコンを消すと一度に複数タブを開いたとき、読み込みの終わったタブが一目で分からなくなるという別の問題が発生するので消すに消せなかったのですが、今回はタブの色を変えることでようやくジレンマから抜け出せました。
特に読み込み中のタブという条件指定が分からず、テーマ(littlefox for firefox)を解凍して調べるという発想に至るまで、思えばずいぶん時間(一体何年だかw)がかかったものです。
-追記-
これで一段落と思ったら、タブの色が気になってまだいじってたり……orz
いま表示中のタブがmediumaquamarineで、読み込み中のタブが黒背景の白文字。読み込み中のタブがへんに主張しすぎないので、この方がいい感じ。とか言いながら、数日後にはまた変えてたりしてw
中(ホイール)ボタンクリックもUIだなぁってことでここに追加。
テーマはClassic Compact。
タイトルバーは、アドオンのHide Chromeで非表示。ウインドウは移動させないのでタイトルバーはなくても問題なし。
ステータスバーは、アドオンのAutoHideStatusbarで自動開閉。
メニューバーは、アドオンのCompact Menu 2でメニューをアイコン化してバーを非表示。
ブックマークツールバーはブックマークをナビゲーションツールバーへ移動してバーを非表示。
userChrome.css
@charset "utf-8"; @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* リロードボタンとストップボタンを統合 */ /* 中止ボタンの右に更新ボタンを置くこと */ #stop-button:not([disabled=true]) + #reload-button, #stop-button[disabled=true] { display:none !important; } /* サーチバーの虫眼鏡を非表示 */ .search-go-button, .search-go-button-stack, #go-button { display: none !important; } /* Compact menu 2 アイコンの余白を削る */ #menu-button { padding: 0px !important; } /* ツリーインデント */ treechildren::-moz-tree-indentation { width:0.5em !important; } /* タブバーを細くする */ .tabs-bottom{ display:none !important; } .tabbrowser-strip{ min-height:17px !important; max-height:17px !important; } /* アクティブなタブに色をつける */ tab[selected="true"] { background-color:aquamarine !important; font-weight:normal !important; } /* 読み込み中のタブに色をつける */ tab[busy] { background-color:khaki !important; } /* タブアイコンを消す */ .tab-icon-image{ display:none !important; }
user.js(UI周りのみピックアップ)
// 移動ボタンを表示しない user_pref("browser.urlbar.hideGoButton",true); // タブのクローズボタンを表示しない user_pref("browser.tabs.closeButtons",2); // ソースを表示するときに右端を折り返す user_pref("view_source.wrap_long_lines",true); // お気に入りアイコンを無効化 user_pref("browser.chrome.favicons", false); // サイトのアイコンを無効化 user_pref("browser.chrome.site_icons", false); // 全画面表示(F11)でナビバーのアニメーションを止める user_pref("browser.fullscreen.animateUp", 0); // スクロールバーで中クリックした位置にスクロールポジションを移動 user_pref("middlemouse.scrollbarPosition",true); // テキストフィールド内の中クリックで、クリップボードをペーストする user_pref("middlemouse.paste",true);
サイトアイコンを無効にしているので、以前からタブアイコンを消したかったのですが、アイコンを消すと一度に複数タブを開いたとき、読み込みの終わったタブが一目で分からなくなるという別の問題が発生するので消すに消せなかったのですが、今回はタブの色を変えることでようやくジレンマから抜け出せました。
特に読み込み中のタブという条件指定が分からず、テーマ(littlefox for firefox)を解凍して調べるという発想に至るまで、思えばずいぶん時間(一体何年だかw)がかかったものです。
-追記-
これで一段落と思ったら、タブの色が気になってまだいじってたり……orz
いま表示中のタブがmediumaquamarineで、読み込み中のタブが黒背景の白文字。読み込み中のタブがへんに主張しすぎないので、この方がいい感じ。とか言いながら、数日後にはまた変えてたりしてw
中(ホイール)ボタンクリックもUIだなぁってことでここに追加。
コメント
トラックバック
このエントリのトラックバックURL: http://puppet.asablo.jp/blog/2008/09/28/3787501/tb
※なお、送られたトラックバックはブログの管理者が確認するまで公開されません。
コメントをどうぞ
※メールアドレスとURLの入力は必須ではありません。 入力されたメールアドレスは記事に反映されず、ブログの管理者のみが参照できます。
※投稿には管理者が設定した質問に答える必要があります。