パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種｜CSS HappyLife

普通のエントリー久々な気がする今日この頃。 今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。 サンプルの前に #main .entryBody #topicPath_01 とかってなってますけど、#main .entryBody はウチのサイトの都合で優先順位上げの為にやってるんで、コピったりする場合はいらない感じです。 #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10

[naow5]

パンくずリストCSSで作るのか…

[webstrategist]

パンくずリストの作り方

[neko15]

パンくずリスト

[vitaminsii]

使ってみたい！パンくずリストの作り方。

[sippu]

アクセシビリティのパンくずリストがある

[chips1029]

パンくず

[webmarksjp]

パンくずリスト

[flakwing]

breadcrumbs

[MayBowJing]

[system:unfiled]

[fullfillonesfullfunction]

サンプル8種

[nana-hachi]

css

[mrnoon]

今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。

[AmaiSaeta]

"ulよりol"は確かにそうかも……

[n-sega]

cssの例

[k1m]

全部 ホーム > サービスラインナップ > ウェブサイト制作

[moqada]

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

[j24c]

パンくずリストをHTMLとCSSでハック。

[kminoru]

現在の階層を表示するために

[klangfarbe]

web デザイン design

[k_37to]

背景画像を使うのはいいなー

[hlkink]

コメントでの議論内容も面白い

[ga4]

パンくず用CSS

[ysk_lucky-star]

なんとも言えない。とりあえず IE にイライラしておけばおｋ（何

[adamrocker]

サイトが大規模で構造化しているとパンくずリストがありがたい！その作り方のイロイロ。基本的に画像を使ってリストを横並びにする。

[Paul3]

パンくずリスト

[suVene]

リスト構造をパンくずリストに。

[thiswholeworld]

「コードはXMLで書かれてるんじゃない！HTMLで書かれてるんだ！」名言すね

[pikosounds]

資料

[fieldragon]

パンくずリストを作るときの参考に