Sexy Buttons - Webサイトボタンを綺麗にするHTML/CSSフレームワーク

2009/12/16 18:06Update
TAGS: sexybuttons | ボタン | リンク | CSS | HTML | アイコン | フレームワーク | Apache

Sexy Buttonsは<button><a>ボタンを綺麗にするHTML/CSSベース　フレームワークです。



ライセンス：Apache License 2.0  

機能・特徴


◇　<button> と <a>　サポート
◇　ボタンにnormal, hover, active　3つ状態
◇　ボタンにアイコンつける可能
◇　CSS class属性によるスキン表示・変更。JavaScript不要。

使い方


１）Webページに下記CSSファイルをインポート
<link rel="stylesheet" href="/SexyButtons/sexybuttons.css" type="text/css" />


２）セクシーボタンの定義例
<a class="sexybutton" href="#"><span><span>セクシーボタン</span></span></a>
<button class="sexybutton"><span><span>セクシーボタン</span></span></button>


３）アイコン付けボタンの定義例
<!-- okアイコン -->
<button class="sexybutton"><span><span><span class="ok">Submit</span></span></span></button>
<!-- cancelアイコン -->
<button class="sexybutton"><span><span><span class="cancel">Cancel</span></span></span></button>


その他数百種類のアイコンを設定することもできそうです。

詳細：Quick Start Guide and Demo「概要＆使い方」

有关作者
Syboos.jp編集長システム設計や開発、保守運営などを行ってます。オープンソース技術に興味があります。

Sponsored Link


http://code.google.com/p/sexybuttons/

Comments

  • Relative Articles