[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>
[CSS]動きがかわいい、ソーシャルブックマークへの登録ボタン
del.icio.usやdiggなどのソーシャルブックマークへの登録ボタンを実装するスタイルシート（画像）をEight7Teenから紹介します。 Attractive Social Bookmarking Menu マウスのホバーに合わせて、アイコンがひょこひょこするのがかわいいです。 実装方法は特に珍しいものではなく、ソーシャルブックマークのアイコンはリスト要素で、hover指定を利用して背景画像を変更させています。 各ソーシャルブックマークのアイコンは、ページ下部の「Download Images」からダウンロードできます。
これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20:phpspot開発日誌
皆さん、新年あけましておめでとうございます。 今年も読んでいただき、ありがとうございます。 では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20。 全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応
オンラインで高性能なナビゲーションが作成できる -My CSS Menu
My CSS Menuは、多段階層に対応したドロップダウン型やアコーディオン型や面白いエフェクトがある高性能なナビゲーションを作成できるオンラインサービスです。 My CSS Menu ナビゲーションはブラウザでの表示を確認しながらラベルや項目数、デザインなどのカスタマイズが可能で、HTMLやCSSの知識が無くても簡単にできると思います。 下のパネルには変更履歴が表示され、undo機能も備えています。 カスタマイズ画面のキャプチャ ラベルを日本語にするのも簡単で、クリックで変更箇所を指定しテキストボックスに日本語を入力するだけで適用されます。 ダウンロードはファイルの保存を選択すると、HTML, JavaScript, CSSが表示されるのでコピーして使用することができます。 ナビゲーションのデザインは現在２２種類あり、下記にいくつか紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]スタイルシートで実装するLightbox風エフェクト -CSS Light Box
[CSS]スタイルシートで実装するナビゲーション集 -CSS Menus | コリス
[CSS]ボタンやナビゲーションを実装するスタイルシートのチュートリアル集