CSSでWii風ボタン

wii_btn.jpg

感じの良いSubmitボタンを探していたら見つけた。

Simple Round CSS Links ( Wii Buttons )

http://www.hedgerwow.com/360/dhtml/css-round-button/demo.php

CSSと1枚の画像のみで実現できるシンプルでかわいいWii風ボタン。ボタンの記述もシンプル。アンカータグ(Aタグ)によるボタンとSubmitボタンの双方に対応。

また、対応ブラウザは、IE6, IE5.5, IE7, Safari 2, Firefox 2, Opera 9(ただし、submitボタンに関してはブラウザ判定要)。

ブラウザによって(IEか、それ以外)ボタンのHTMLタグを動的に変更しなければならない。

PHPで実装。配布する予定のスクリプトなので、get_browser()ではなく、$_SERVER[‘HTTP_USER_AGENT’]で簡易的に判断。

Wiiブラウザ風CSSボタンを作成「Wii Buttons」

http://phpspot.org/blog/archives/2007/02/wiicsswii_butto.html

CSSでWii風のシンプルで角がまるいボタンを作る

http://gigazine.net/index.php?/news/comments/20070215_wii_buttons/