SlickMap CSS - リスト形式のHTML+CSSでサイトマップを美しく表現してくれる
2009/08/28 10:20Update
SlickMap CSSは、シンプルなスタイルシートで、ul、li形式のHTMLコードをCSSでグラフィカル化し、美しく表示してくれます。
HTML例:
表示例:

>> デモ
<ul id="utilityNav"> <li><a href="/register">Register</a></li> <li><a href="/login">Log In</a></li> <li><a href="/smap">Site Map</a></li> </ul> <ul id="primaryNav"> <li id="home"><a href="http://astuteo.com">Home</a></li> <li><a href="/about">About Us</a> <ul> <li><a href="/history">Our History</a></li> <li><a href="/mission">Mission Statement</a></li> <li><a href="/principals">Principals</a></li> </ul> </li> ... <li><a href="/contact">Contact</a> <ul> <li><a href="/contact/offices">Offices</a> <ul> <li><a href="contact/map">Map</a></li> <li><a href="contact/form">Contact Form</a></li> </ul> </li> </ul> </li> </ul>
表示例:

>> デモ
Sponsored Link
Comments
- Relative Articles
- CSSとは - (2008/05/24 11:40)
- CSSの基本文法 - 入門 - (2008/05/24 19:05)
- CSSの基本文法 - セレクタの組み合わせ - (2008/05/24 20:24)
- CSSの利用方法 - (2008/05/24 22:02)
- CSSの利用方法 - 外部スタイルシート - (2008/05/24 22:26)
- CSSの利用方法 - 内部スタイルシート - (2008/05/24 23:38)
- CSSの利用方法 - インライン・スタイル - (2008/05/25 15:19)
- CSS基本文法 - 擬似クラスと擬似要素 - (2008/05/25 22:49)
- CSS基本文法 - CSSダイナミック・擬似クラス - (2008/05/25 23:23)
- CSS基本文法 - CSS :target擬似クラス - (2008/05/26 11:59)