2008年05月10日

Opera skin

tomo さんにいただいたご要望「アドレスバーの角を丸める」にお答えしようと Opera skin をいじってみました。

アドレスバーは skin.ini の [Dropdown Skin] セクションをいじります。例をあげて説明すると、


[Dropdown Skin]
Type						= BoxTile
Clone						= Edit Skin
Child0						= Addressbar Border
Margin Top 					= 1
Margin Bottom					= 1
Margin Right					= 8
Margin Left					= 5
Padding Right					= 3
Padding Left					= 3

[Edit Skin]
Colorize 					= 0
Type						= BoxTile
Clone						= Simple Border
Color						= Window

[Addressbar Border]
Colorize 					= 0
Type						= BoxTile
Corner Topleft					= border/address_border_topleft.png
Corner Topright					= border/address_border_topright.png
Corner Bottomleft				= border/address_border_bottomleft.png
Corner Bottomright				= border/address_border_bottomright.png
Margin Top 					= -1
Margin Bottom					= -1
Margin Left					= -2
Margin Right					= -2

上から順に
Type は BoxTile(タイル状に画像をつなぎ合わす)と Box(1つの画像)があるようです。

Clone は文字通りクローンでここでは [Edit Skin] と同じだよということになります。

そして Child0 は [Edit Skin] の上に重ねる画像に使います。子要素ってことですかね。Child1,Child2…と増やすことができるようですが重くなるらしいです。スクロールバーの▼等が Child を使ってます。
ここでは [Addressbar Border] というセクションを勝手に追加して重ねる画像を指定してます。

重ねる画像は角を丸めるために左上角・右上角・左下角・右下角の画像を作って指定します。

あとは Margin や Padding で位置を30回位調整して出来上がり。

他にも色々手を入れたので myopera にアップしました。Opera Skins

skin
posted by Hideto at 01:07 | Comment(1) | TrackBack(0) | カスタマイズ |
早速,完成!!させて頂いて大変有難うございます。
これで全体のイメージが一段とエレガントになりました。
------------------ -------------------------------------------
ついでこの際にアドレスバーの行は検索のみ2個入れたので
従来の検索フィールドより数倍長くなり使えやすくなりました。
でもこの行にはボタンを入れるとこれまで長くなるのが欠点なので
残念です。これもHedeto さんであれば何とか解決して頂けるものと
次に期待しています。
Posted by tomo at 2008年05月10日 11:33
コメントを書いてください
お名前: (必須入力)

メールアドレス:

ホームページアドレス:

コメント: (必須入力)
【お願い】スパムフィルタ回避のためにコメント欄においては my.opera.com を myopera.com に変えてください。


認証コード: [必須入力]
75GDBZ

※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/96203859
※言及リンクのないトラックバックは受信されません。

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

この広告は1年以上新しい記事の投稿がないブログに表示されております。