WEBメニューの定番とも言えるのがタブメニュー。わかりやすくユーザーインターフェイスとしても優れています。今日紹介するのはCSSで実現するシンプルなタブメニューを集めたタブメニュー集「Useful Css Menus」です。
上記の画像の全部で12個ののタブメニューがサンプルとしてダウンロードすることができます。同じタブメニューなので、同じように見えますが、細かい部分で様々な違いを出しています。
詳しくは以下
CSSとHTML、個別にソースがあるわけでなく、素材としてそのまま利用できるように、冒頭にCSSが記述してあるHTMLがダウンロードできるようになっています。ソース内にはどの部分がどのタブメニューなのかわかりやすく書かれているので、簡単に抜き出して使うことができるかと思います。
全体的にデザインもシンプルでその中でバリエーションがあり、汎用性の高い物ばかりなので、どんなサイトにでも馴染ませることができそうです。
Deviant Art Css : Useful Css Menus
Related Articles:
- CS3&WEB2.0風のアイコンを簡単に作成できる「Icon Generator」
- ソース付！実用的なページナビゲーション集「24 Web 2.0 Navigation」
- Ajaxによるフリーのコンタクトフォーム集「16 Free Ajax Contact Forms」
- 商用可！ロイヤリティーフリーの音源をジャンル別にダウンロードできる「SOUND JAY」
- ハイクオリティなWordpressテーマ15選「 15 High Quality Premium-Like Free WordPress Themes」
(19)
(0)
(9)
Total: 32
