Sitemap-Diagramm
Slick Map CSS 1.0 (kostenlos) zeigt HTML-Listen als schicke Sitemaps. Weiter >>
Tipp-ID
2369Gültig für
CSS
Datum
17.02.2010Wertung
noch nicht bewertet
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>
<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>
<ul>
<li><a href="unterseiteA.html">Unterseite A</a></li>
<li><a href="unterseiteB.html">Unterseite B</a></li>
</ul></li>