[CSS]スタイルシートで実装するナビゲーション集 -CSS Menus

スクリプトを使用せず、スタイルシートで実装するタブ型・ドロップダウン型・ドロップライン型・フライアウト型のナビゲーションをCSS Menusから紹介します。

デモのキャプチャ

CSS Menus

デモのキャプチャ

Sliding doors-tabbed menu

デモのキャプチャ

Arrow -Centered 'current tab' arrow

デモのキャプチャ

Orange Tab -Sliding doors-tabbed current orange menu

デモのキャプチャ

Pull Tab -Sliding doors pull down menu

デモのキャプチャ

Peaks -Peak Tabs - transparent borders no images

デモのキャプチャ

Slope -Sloping Tabs - transparent borders no images

デモのキャプチャ

Glossy -Sliding doors - glossy buttons

デモのキャプチャ

Shadow -Sliding doors - png transparency

デモのキャプチャ

Breadcrumb trail, simple dropdown

デモのキャプチャ

Breadcrumb trail, simple dropline

デモのキャプチャ

Breadcrumb trail, simple flyout

各ナビゲーションはリスト要素で実装されており、ラベルを日本語に変更することも可能です。

ページ下部からファイル一式をダウンロードでき、商用サイトで使用する際は寄付をしてほしい、とのことです。

top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

top of page

©2011 coliss