 Sitemap 01 Beispiel 02
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="map2">
<li><a class="map2" href="dateiname.htm">Textlink</a></li>
<li><a class="map2" href="dateiname.htm">Textlink</a></li>
<li><a class="map2" href="dateiname.htm">Textlink</a></li>
</ul>
CSS-Anweisungen im Head
<style type="text/css">
<!--
ul.map2{
list-style-image:url(doc13-23.gif);
}
.map2 {
font-family: Verdana,Arial;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #996633;
text-transform:none;
}
.map2:visited {
font-family: Verdana,Arial;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #996633;
text-transform:none;
}
.map2:hover {
text-decoration: underline;
color:#E00060;
}
-->
</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