Firefoxの外観をカスタマイズする
こちらでは主に userChrome.css を用いて Firefox の外観をカスタマイズする方法について紹介していきます。
Firefox 1.5 オプションウインドウ(prefwindow)。
(例)
prefwindow {
background-image:url("window.png") !important;
background-color:#f9ffff !important;
}
まだ、Firefox を知らなければ、一度お試しください。
以降は Firefox でご覧ください。
はじめに
ここでは、基本的に以下の Firefox に限定した内容となります。(単に他を検証していないだけです)
Mozilla Firefox 1.5.0.4 日本語版 for Windows
Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4
userChrome.css について
Firefox の外観を変更するためのテキストファイルです。
これを自力で編集するためにはCSSの知識が必要です。また、ファイルやフォルダの扱いに慣れている必要もあります。
(これらの知識は「ホームページの作成」などに大いに役立ちます。是非、学習してみてください。)
ファイルの場所などは Mozilla Japan の Firefox Help などで確認してください。
編集のヒント
- 自分でコードを記述するときは後々のことを考えてコメントを適切につけましょう。(コードが増えるとわけがわからなくなります)
- コメント以外に日本語の文字を使う場合は Unicode (UTF-8) による保存が可能なテキストエディタを利用する。
- 特定の箇所のみに変更を加える場合には極力IDをセレクタに用いる。
- DOM インスペクタを活用する。(私自身も使い方がまだよくわかっていません)
- 最後の手段は既存のテーマを解析して・・・。(これがもっとも効果的ですが、解析するためにはそれなりのスキルが必要です)
ここで紹介しているサンプルなどは参考程度にとどめて独自の外観を探求してください。
