[CSS]クロスブラウザ対応、ドロップダウン型ナビゲーションのフリーのテンプレート集 -LWIS.NETFree CSS Drop-Down Menu Framework ナビゲーション箇所はリスト要素で実装されています。 対応ブラウザは、IE5以降,、Fx1.5以降、Op7以降、Safari2以降、Chrome1となっており、一部のナビゲーションにはIEのみスクリプトが使用されています。 デモの中から、いくつか紹介します。
[CSS]シンプルでクールなデザインのパンくずを実装するスタイルシート
グラデーションを使用したアローでデザインされた、シンプルでクールなパンくずのスタイルシートをVeerle's blogから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="crumbs"> <li><a href="#">Home</a></li> <li><a href="#">Main section</a></li> <li><a href="#">Sub section</a></li> <li><a href="#">Sub sub section</a></li> <li>The page you are on right now</li> </ul> </textarea>
オンラインで高性能なナビゲーションが作成できる -My CSS Menu
My CSS Menuは、多段階層に対応したドロップダウン型やアコーディオン型や面白いエフェクトがある高性能なナビゲーションを作成できるオンラインサービスです。 My CSS Menu ナビゲーションはブラウザでの表示を確認しながらラベルや項目数、デザインなどのカスタマイズが可能で、HTMLやCSSの知識が無くても簡単にできると思います。 下のパネルには変更履歴が表示され、undo機能も備えています。 カスタマイズ画面のキャプチャ ラベルを日本語にするのも簡単で、クリックで変更箇所を指定しテキストボックスに日本語を入力するだけで適用されます。 ダウンロードはファイルの保存を選択すると、HTML, JavaScript, CSSが表示されるのでコピーして使用することができます。 ナビゲーションのデザインは現在２２種類あり、下記にいくつか紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]スタイルシートで実装するナビゲーション集 -CSS Menus | コリス
[CSS]ボタンやナビゲーションを実装するスタイルシートのチュートリアル集