 Sitemap 01 Beispiel 03
Auch für Sitemaps habe ich separate Beispielseiten ohne weitere Erklärungen erstellt. Im Wesentlichen handelt es sich um Varianten durch unterschiedliche CSS-Anweisungen.
Noch was fürs Auge
Wenn sie die üblichen schwarzen Pünktchen vor den Listelementen nun noch durch eigene Symbole ersetzen möchten, reichen dazu wenige Zeilen CSS-Code
HTML-Themen
Die Formatierung für Links und das Symbol für Aufzählungszeichen wurden durch CSS-Anweisungen festgelegt. Die Formatierungen wurden mit dem 'class-Attribut' zugewiesen.
Die verwendete Grafik (hier vergrößert dargestellt) können sie durch Rechtsklick herunterladen und darf frei verwendet werden. Weitere Grafiken finden sie in meiner Mini-Image-Box.
    
HTML-Code im Body
<ul class="map3">
<li><a class="map3" href="dateiname.htm">Textlink</a></li>
<li><a class="map3" href="dateiname.htm">Textlink</a></li>
<li><a class="map3" href="dateiname.htm">Textlink</a></li>
</ul>
CSS-Anweisungen im Head
<style type="text/css">
<!--
ul.map3{
list-style-image:url(../site-map2/02.gif);
line-height:150%;
}
.map3 {
font-family: Arial;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #4F4F4F;
text-transform:none;
line-height:150%;
}
.map3:visited {
font-family: Arial;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #0090E0;
text-transform:none;
line-height:150%;
}
.map3:hover {
text-decoration:underline overline;
font-weight: normal;
color:#AF00FF;
line-height:150%;
}
-->
</style>
Zur allgemeinen Erklärung von CSS-formatierten Listen lesen sie mehr in der Rubrik CSS unter dem Menüpunkt 'eigene Aufzählungszeichen'.
| 
WWW.WEB-TOOLBOX.NET
ZURÜCK