【CSS】CSSで実装するちょっと凝ったパンくずリスト | バシャログ。

地味なパーツながら実は便利。そのためコーディングをする機会も多いと思われるのが「パンくずリスト」です。 シンプルなコーディングでちょっと気の利いた「パンくずリスト」を実現する方法をご紹介します。 パンくずリストの XHTML のサンプルは以下です。とてもシンプルです。 <ol id="topicPath"> <li class="home"><a href="hoge">ホーム</a></li> <li><a href="hoge">アニメ</a></li> <li><a href="hoge">ガンバの冒険</a></li> <li><em>ボーボ</em></li> </ol> サンプル1 とてもシンプルなパンくずリスト とてもシンプルなパンくずリストのサンプルです。 ホーム アニメ ガンバの冒険 ボーボ CSS はこちら ol#topicPath { margin: 20px 0;

[rskmt346]

パンくず

[ku_marin]

今更ながら。よく使うから便利

[neko15]

パンくずリスト

[sayaemon]

パンくずリストあれこれ

[hamayanhamayan]

CSSで実装するちょっと凝ったパンくずリスト。地味なパーツながら実は便利。そのためコーディングをする機会も多いと思われるのが「パンくずリスト」です。 シンプルなコーディングでちょっと気の利いた「パンくずリ

[wacky]

パンくずリストのCSS装飾サンプル。「>」を画像で表示するケース、リンクの背景画像を指定するケース。

[gtdhacks]

(null)

[tarchan]

無駄が多いCSSなのはIEに対応するためなのかな？

[matsukaz]

パンくずリストのサンプル

[CHODA]

この方法で見栄えは確かに良くなるがそもそもパンくずリストを論理的に考えると並列情報じゃないからリストタグって違うくね？と前々から思ったりするけどじゃぁ入れ子にするのか？ってのもソース上汚いし。おえっ。

[kiyokichi]

　ぱんおいしいぃーー！

[ndiy103]

凝ったパンくずリスト

[uniuni-saru]

ぱんくず

[tricot1]

パンくずリスト参考。