Top Stylish >Firefox 4の細部をカスタマイズできるユーザースタイルあれこれ。
2011年03月24日

Firefox 4の細部をカスタマイズできるユーザースタイルあれこれ。

Firefox 4のダウンロード数が早くも世界で1300万件に達しており、日本でもかなりのユーザーが快速なブラウジングを楽しんでおられることと思います。

ある程度触ったら、今度はあれこれカスタムしたくなるのがFirefoxのおもしろいところでもありますね。

そこで今回は、Firefox 4の細部をあれこれカスタマイズできるStylish用ユーザースタイルを22個ご紹介したいと思います。


1.Firefox Change Bookmark Menu Folder Icons

ブックマークツリーのフォルダアイコンをシンプルなデザインのものに変更します。
黄色いフォルダアイコンが気に入らない方へ。


01_Firefox Change Bookmark Menu Folder Icons.JPG


2.Firefox 4 Autohide Add-on bar

アドオンバーを自動的に隠し、マウスオーバーで再表示できます。


3.Firefox 4 Blue Loading Progress Tab-Throbber

ローディング時、タブに表示されるThrobberを緑からブルーに変更します。


02_Firefox 4 Blue Loading Progress Tab-Throbber.JPG


4.Firefox 4 Loading Progress Throbber on Tab Icon

タブのローディングアイコンを下記のようなデザインに変更できます。


03_Firefox 4 Loading Progress Throbber on Tab Icon.JPG


5.Firefox 4 Hide Addonbar Close Button

アドオンバー左端の[×]ボタンを非表示にできます。


04_Firefox 4 Hide Addonbar Close Button.JPG

      ↓

05_Firefox 4 Hide Addonbar Close Button.JPG


6.Firefox 4 - Options In-content style

オプションウィンドウを縦メニューのクールなデザインに変更できます。


06_Firefox 4 - Options In-content style (vertical).JPG


7.Firefox 4 - Transparent Navbar buttons

ナビゲーションツールバーを透過表示できます。


07_Firefox 4 - Transparent Navbar buttons.JPG


8.Firefox 4 Add-ons Manager Lite

アドオンマネージャから不要な表記を消してシンプルにできます。
インストール時にボタンやカテゴリ、作者名表示の有無を選択できます。


08_Firefox 4 Add-ons Manager Lite.JPG


9.Firefox 4 Lock Icon for Secure Sites

セキュアな接続時にロケーションバー左側へその状態が表示されますが、そこにパドロックアイコンを付与します。


11_Firefox 4 Lock Icon for Secure Sites.JPG


10.Firefox 4 Connection Status Disp at Top of Screen

通常画面右下に表示される接続状況のポップアップを画面左上に表示します。


12_Firefox 4 Connection Status Disp at Top of Screen.JPG


11.Firefox 4 About:Blank Glass

空白ページをGlass表示にします。


13_Firefox 4 About_Blank Glass.JPG


12.Firefox 4 - Compact Addons Manager

アドオンマネージャをコンパクトなスタイルにできます。


14_Firefox 4 - Compact Addons Manager.JPG


13.Fx4 StatusBar, FindBar and SyncNotification glass

アドオンバー、および同期通知部を透過表示できます。


21_Fx4 StatusBar, FindBar and SyncNotification glass.png


14.Aero Clean AppButton

アプリボタンを下記のようなデザインに変更できます。


15_Aero Clean AppButton (Firefox 4).JPG


15.Fx4: active tab like Firefox button

アクティブなタブをアプリボタンと同じようなデザインにします。


16_Fx4_active tab like Firefox button.JPG


16.FF4 Menu Button with icon

アプリボタンをコンパクトなアイコン表示にできます。
インストール時にアイコンやスタイル、OSの選択が可能です。


17_FF4 Menu Button with icon+(Tabs in Titlebar).JPG


17.Firefox 4 Custom Boton Color

アプリボタンのカラーをGreen,Gold,White,Black,Greyの5色から選んで変更できます。


18_Firefox 4 Custom Boton Color.JPG


18.FF4 - Increase visible space

タブバーの高さを調節して省スペース化を図ります。


19_FF4 - Increase visible space.JPG

                  ↓

20_FF4 - Increase visible space.JPG


19.Firefox 4: Choose Your Color

Firefox全体の透過度、カラー、テキストカラーなどを選択し、好みのデザインに変更することができます。

インストール時に各項目にチェックを入れることで、多くのバリエーションを楽しむことができます。


23_Firefox 4_Choose Your Color.jpeg


20.Firefox 4 - everything transparent

Firefox 4のツールバー、検索バー、ロケーションバー、タブバー、アドオンバー、空白ページ、およびメニュー類を透過スタイルに変更します。


28_Firefox 4 - everything transparent.JPG


21.Firefox 4.0 - Menu Icons

Firefoxの各メニューにアイコンを表示します。


25_Firefox 4.0 - Menu Icons.JPG


22.Firefox 4 stop/go/reload on the left

ロケーションバー右側のストップ/GO/リロードボタンを左端に移設します。


26_Firefox 4 stop_go_reload on the left.JPG


以上のようなユーザースタイルをピックアップしてみましたので、好みのものがあれば使ってみてください。


<関連記事>


■Firefox 4.0のUI各部を[glass]っぽくできるユーザースタイル「Firefox 4 Windows 7 total remake」

■2008年 管理者が使い続けたGreasemonkeyスクリプトとユーザースタイル。
posted by moziller at 19:12 | Comment(6) | TrackBack(0) | Stylish



この記事をはてなブックマークに登録 follow us in feedly このエントリを del.icio.us に登録 この記事をクリップ!Yahoo!ブックマークに登録
この記事へのコメント
突然の質問すいません
Firefox 4 - everything transparentを入れてみたのですが有効化するとブックマークに限って文字のところだけ
真っ白になってしまうのですがこれは仕様なのでしょうか?何か対策があればぜひ教えて頂きたいです
Posted by Fx at 2011年03月24日 23:13
>Fx さま。

ブックマークツールバーおよびサイドバーに表示したブックマークの文字が白くなるのは仕様です。

変更したい場合は、Stylishの管理画面で「Firefox 4 - everything transparent」を右クリックし、「編集」ウィンドウを開きます。

CSSが編集できるようになりますので、その中ほどの

「.chromeclass-directories *, #bookmarksPanel * {
color: #ffffff !important;
text-shadow: #81F0F6 0px 0px 2px !important;
}」

という部分へ移動し、 「color: #ffffff !important;」の[ffffff](白)を[000000](黒)などに変更し、[保存]をクリックしてください。

これで色が変わるはずです。
Posted by moziller at 2011年03月25日 00:15
mozillerさん
詳しい説明ありがとうございます おかげでブックマークも
文字が表示されるようになりました
Posted by Fx at 2011年03月25日 11:52
役立つ情報を提供していただき、とても助かっております。今回は質問があり投稿させていただきました。
Firefox 4 のナビゲーションバーにあるボタン(戻る、進む、再読込、ホームなど)の色を変更する方法などがあればご教示いただると助かります。どうかよろしくお願いいたします。
Posted by kikura-ya at 2011年03月27日 09:39
kikura-yaさま。

ご質問の件ですが、一括で手っ取り早く色を変更する方法として「Stratiform」という4.0用のデザイン変更アドオンを使うという方法があります。

これはFirefox 4のデザインを総合的に変更することができるものですが、オプションの中にあらかじめセットされている複数のカラーから選択してボタンカラーを変更できる項目があります。

RGBや濃さ、透過度なども変更できますので、プリセットから大まかに色を選んで微調整すれば好みのカラーにすることができると思います。

よろしければAdd-ons for Firefoxで「Stratiform」と検索して使ってみてください。

*本日このアドオンの詳細を記事にする予定です。

コメントありがとうございました。
Posted by moziller at 2011年03月27日 11:00
早々にご返答を賜りまして、ありがとうございます。
ご教示いただきましたStratiformを活用したいと思います
Posted by kikura-ya at 2011年03月28日 11:00
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック