StylishでカスタマイズするFirefoxインターフェース。

Firefox用の拡張機能として、様々なサイトの表示スタイルを変更したりできる「Stylish」。

このStylishに書き込めるユーザースタイルには、サイトデザインだけでなく、Firefox自体の見た目を変更できるものもあり、オリジナリティあふれるFirefoxを表現することができます。

音楽ファン必見！新着ビデオ・クリップを見るなら「GyaO」

「Stylish」で使えるユーザースタイルを紹介しているサイトuserstyles.orgでは、”App styles”というカテゴリが用意されており、Mozillaの代表的アプリであるFirefoxやThunderbirdのインターフェースを変更できるスタイルが紹介されています。

下記はその一例です。

about:blank - Dark Firefox

Firefoxのブランクページをブラックアウトされたロゴ入りのものに変更します。その他にもフォクすけをモチーフにしたAbout:Blank - Foxkehなどがあります。







Firefox - StatusBar Icons (w/ CuteMenus)

拡張機能でもおなじみのCuteMenusと同じよう機能をステータスバーにも適用します。





Colorize Firefox 2.0 Active Tab

現在アクティブなタブをかっこよくしてくれます。





Tab Busy ( Spinning Firefox Logo )

タブ上で読み込み中を通知する際、Firefoxアイコンをアニメーションで表示してくれます。





Stop Button as Throbber Indicator

ページ読み込み中、ツールバーのストップボタンをアニメーションで表示します。





Turn Progress Bar Red

ステータスバーのプログレスバーを赤で表示。





AutoHide Menubar

メニューバーを自動的に隠します。マウスポイントで再表示。

以上のように拡張機能とは違った形でFirefoxの表示機能などをカスタマイズできるスタイルが揃っています。

全てのスタイルは、個別スタイルページ内のShow codeボタンをクリックして表示されるコードを書き込むことによって適用されます。

スタイルの書き込みは、ステータスバーにあるStylishアイコンを右クリック→スタイルの管理→”書く”ボタンをクリックして保存します。

再起動の必要もなく、重くもならないスタイルを導入してオリジナリティあふれるFirefoxを表現してください。

＜関連記事＞

■ユーザーCSSを使って”スタイリッシュに”ページを表示する「Stylish」

Comments

こちらの記事を参考にいろいろイジッていたのですが
どうしてもブックマークツールバーの上の境界線を消せません…。
Stylishで消す事は出来るのでしょうか？

Posted by さえもん at 2008年08月24日 05:05

さえもんさま。

コメントありがとうございました。

その他（タブバー下の下線など）のラインは消えましたでしょうか？

とりあえず・・

Stylish→スタイルを書く→空のスタイルで


menubar,
toolbox,
toolbar {
border-style: none !important;
}


を作成してみてください。

Posted by moziller at 2008年08月24日 08:18

さえもんさま。

追記です。

同じくstylishにて

#navigator-toolbox:-moz-system-metric(windows-default-theme) > toolbar {

-moz-appearance: toolbar !important;

border-bottom-style: double !important;

}

もお試しください。

Posted by moziller at 2008年08月24日 08:36

早速のお返事ありがとうございます。
両方試してみたのですが、どちらもダメでした…

が、

追記の
#navigator-toolbox:-moz-system-metric(windows-default-theme) >
を除くと見事に消えてくれました！
ありがとうございました！

Posted by さえもん at 2008年08月24日 13:47