初級者のSleipnirスキン作成(完全攻略編・browserの章)

"controls"という一番説明が大変な箇所が終わったので、ここからはフォルダ名順に解説していきたいと思います。*1 *2


今回は前々回軽く触れた"browser"フォルダの番です。



browser

「ステータスバー」左側に表示される現在のタブで使用中のブラウザエンジン等を現すアイコンです。
ver.2.9.2以降では「新アドレスバー」内の「IE8表示、IE7互換表示」ボタンのアイコンも格納されています。

描画ブラウザ用アイコン

素の状態では6つのアイコンがあります。
内訳はIE用が4つ、Gecko用が1つ、FavoriteEditor用が1つです。
サイズは16x16ピクセルで、ファイルタイプはico形式かpng形式で作ってください。


IEBrowser.xxx、IEBrowser16.xxx、IEBrowser(IE5).xxx、IEBrowser(IE6).xxx*3
上記がIE用ですが同じもの4つでも問題ないです。


ActiveGeckoBrowser.xxxがGecko用です。


FavoritesEditor.xxxが「お気に入りの整理」*4用です。


プラグイン(Mosaなど)を入れたりすると"browser"フォルダに格納されるアイコンが増えるかもしれません。

IE表示モード切り替え用ボタン

「新アドレスバー」の表示モード切り替えボタン用です。
サイズは16x16ピクセルです。
IE7CompatModeOff.xxxは「IE8表示」モード時に表示されます。*5
IE7CompatModeOn.xxxは「IE7互換表示」モード時に表示されます。
IE7CompatModeDisable.xxxは"about:blank"などの「表示モード」切り替えが不可能な時に表示されます。



今回のまとめ

これまでに比べるとかなり楽。
アイコン系は表示サイズの制限が大きく、一層センスが問われます。
作らないのも一つの手です。

*1:"toolbar"を説明したのはイレギュラーのため

*2:スキンの画像を作るのが一番大変な"actions"は最後の方に先送りw

*3:ここはicopngです。

*4:デフォルト時のキーボードショートカットはCtrl+B

*5:こちらの使用可能ファイル形式は未検証。pngが無難です