buttons

ちょっとしたサイトを作成していたんですが、時間と手間を掛けずにリンクボタンを作りたい。

いつものようにgoogle先生にお伺いを立てると、cssで実装可能みたいです。

1種類だけならwebに乗っているcssのサンプルをコピーすればいいんですが、どうせなら何種類課セットになってものが欲しくなり、更に検索してみました。

そこで見つけたのがこのサービス

Buttons

[browser-shot url=”http://alexwolfe.github.io/Buttons/” width=”430pxpx”]

フラットやグローなど自分の好みのボタンを選択すれば、角丸や楕円、丸など数種類のボタンセットがダウンロード可能です。
ダウンロードした圧縮ファイルを解凍するとCSSファイルが入っているので、適用したいサイトにアップしてCSSファイルを追加してやればOK
簡単に楕円ボタンを利用できました。

今回はフラットをダウンロードしてみました。

cssでbutton作成

wordpressだと、QuickTagsにクラスを登録してやって「詳細はこちら」とか書いてやるとホント簡単にボタンが出来ます。

今後もサイト作成に活躍しそうです。