VIVABlog

一枚の画像とCSSでフォームボタンをWiiブラウザのボタンっぽくする方法。
IE6, IE5.5, IE7, Safari 2, Firefox 2, Opera 9に対応していて、タグもシンプル。

1. 画像とCSSをダウンロード
2. 画像をアップロードして、round-button.cssのbackground:url(btn0.png) 100% 0 no-repeat;部分を自サイト用に変更。現在使用しているCSSにコピペするか、round-button.cssをアップロードして、ヘッダー内にリンクを貼る。
3. formのinputボタンを以下に書き換え

   <span class="button"><button type="submit" name="foo" value="yout text">yout text</button></span>

[Simple Round CSS Links ( Wii Buttons )]

関連する記事

• Tagをおしゃれに装飾するCSS
• Tumblrのスキン配布サイト一覧
• CSSレイアウトテンプレートのツール色々
• いい感じのWordPressスキン6種類
• ミニブログ「Tumblr」用のcssテンプレート