 Sitemap 01 Beispiel 01
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="map1">
<li><a class="map1" href="dateiname.htm">Textlink</a></li>
<li><a class="map1" href="dateiname.htm">Textlink</a></li>
<li><a class="map1" href="dateiname.htm">Textlink</a></li>
</ul>
CSS-Anweisungen im Head
<style type="text/css">
<!--
ul.map1{
list-style-image:url(marker02.gif);
}
.map1 {
font-family: Arial;
font-size: 10px;
font-weight: normal;
text-decoration: none;
color: #4F4F4F;
text-transform:uppercase;
}
.map1:visited {
font-family: Arial;
font-size: 10px;
font-weight: normal;
text-decoration: none;
color: #4F4F4F;
text-transform:uppercase;
}
.map1:hover {
text-decoration: underline;
color:#FF9F00;
text-transform:uppercase;
}
-->
</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