CSS

Sitemap-Diagramm statt HTML-Listen

Das kostenlose Tool Slick Map CSS 1.0 zeigt HTML-Listen in Ihren Webseiten als schicke Sitemaps. Slick Mapverwendet dazu Cascading Style Sheets.

So geht's

Sie finden Slick Map CSS 1.0 (kostenlos) unter http://astuteo.com/slickmap.
Verknüpfen Sie zunächst Ihre HTML-Seite im Kopfbereich mit der CSS-Datei von Slick Map:
<link rel="stylesheet" type="text/css" media="screen,print" href="slickmap.css" />
Die HTML-Aufzählungsliste legen Sie dann im <body>-Bereich mit den folgenden Parametern an:
<ul id="primaryNav" class="col4">...</ul>
Die Klasse col4 legt die Anzahl der Diagrammspalten fest. Ersetzen Sie den Wert gegebenenfalls durch col1 bis col10. Die oberste Ebene bildet Ihre Startseite. Ihr weisen Sie im ersten Listeneintrag mit id den Namen home zu:
<li id="home">
 <a href="http://www.ihredomain.de">Home</a>
 </li>
Die weiteren Zweige des Diagramms definieren Sie mit zusätzlichen Unterpunkten wie folgt:
<li><a href="seitea.html">Seite A</a>
 <ul>
 <li><a href="unterseiteA.html">Unterseite A</a></li>
 <li><a href="unterseiteB.html">Unterseite B</a></li>
 </ul></li>
Verwandte Themen

Mehr zum Thema