Shishimushi

9.20 から導入された「スピードダイヤル」

のカスタマイズ覚え書き……ではなく、既に詳しいドキュメントがあるので、それらを参考にして己の欲望を満たしてみるテスト。

• Opera The Fastest Browser on Earth: Opera9.20 Weekly Build8746
• bend tail - スピードダイヤルの背景変更方法

Speed Dial Skin セクション

各セクションについて、operawiki.info の該当箇所へそれぞれリンクを張った（セクションからは説明、場所からはスクリーンショット）。つまりは早見表。

セクション	場所
Speed Dial Widget Skin	全体
Speed Dial Search Widget Skin	ネットサーチ
Speed Dial Thumbnail Widget Skin	サムネイル外枠（未登録）
Speed Dial Thumbnail Widget Skin.selected	» サムネイル外枠（登録）
Speed Dial Thumbnail Image Skin	サムネイル
Speed Dial Thumbnail Image Skin.hover	» マウスオーバー
Speed Dial Thumbnail Image Skin.pressed	» クリック
Speed Dial Thumbnail Image Skin.disabled	？
Speed Dial Thumbnail Close Button Skin	閉じるボタン
Speed Dial Thumbnail Close Button Skin.hover	» マウスオーバー
Speed Dial Configuration Dialog Skin	編集ダイアログ（下部）
Speed Dial Configuration Dialog No Alpha Skin	» αチャンネルによる透過が未対応な環境用
Speed Dial Configuration Dialog Page Skin	編集ダイアログ（上部）
Help Tooltip Skin	ヘルプ
Help Tooltip Close Button Skin	ヘルプの閉じるボタン
Help tooltip Close Button Skin.hover	» マウスオーバー

セクション内のキーと値については、次のドキュメントが良くまとまっていてわかりやすい。

• bend tail - スキンを作成するときのために

カスタマイズ

skin.ini は次のようになっている。

# This file describes the skin for the Opera browser

[Info]
Name=Speed dial
Author=Madoka Ashizuka
Version=2

[Speed Dial Widget Skin]
Type		= Box
Tile Center	= custom_sd/background.jpg
Border		= 1
Border Color	= #bec2cb
Color		= #ffffff
Text Color	= #000000

[Speed Dial Thumbnail Image Skin]
Border		= 1
Border Color	= #e0e0e0

[Speed Dial Thumbnail Image Skin.hover]
Type		= BoxTile
Tile Center	= custom_sd/center.png
Border		= 1
Border Color	= #a0a0a0

[Speed Dial Thumbnail Widget Skin]

[Speed Dial Thumbnail Widget Skin.selected]

サムネイル部分と外枠部分を透過状態にするため、Speed Dial Widget Skin セクション以外の Color キーは指定せず、Speed Dial Thumbnail Widget Skin，Speed Dial Thumbnail Widget Skin.selected セクションは空にした（なんらかのキーと値を書いておいた方がいいのかもしれない）。また、マウスオーバーで枠線色を変えるだけというのもあれなので、Speed Dial Thumbnail Image Skin.hover セクションに 半透明画像 を敷き詰めるように指定した。

欲望のままにカスタマイズしてみてわかったことは、「ページを登録するのが惜しくなるような背景画像は、スピードダイヤルの機能を半減させる恐れがある」ということだ。恐るべし、石坂ちなみ。

半透明画像（1×1px）の詰め合わせ。

• http://kawatarou.info/file/material/semitransparency.zip

色は黒、白、赤、青、黄、緑、灰、橙。不透明度はそれぞれに 20、30、40%。

投稿者：芦塚 | 投稿日時： 2007年 4月15日（日） 01:37