Service Tipps HTML CSS JavaScript PHP MySQL Webdesign Linkliste SiteMap

Um den Besucher die Navigation auf der Webseite zu erleichtern,
können besuchte und nicht-besuchte Links mit CSS markiert werden.
Die Markierung kann zum Beispiel mit einer anderen Textfarbe oder einem
Hintergrundbild erfolgen.

Beispiel:
Ein Link zur Demonstration
Noch ein Link zur Demonstration


Benötigte Bilder:

a_new_link.gif 10 x 11 Pixel 70 Byte

a_visited_link.gif 10 x 11 Pixel 67 Byte

Quelltext:

<style type="text/css">
a.link {
 background-image: url(a_new_link.gif);
 background-repeat: no-repeat;
 background-position: left;
 padding-left: 14px;

 color: red;
}

a.link:visited {
 background-image: url(a_visited_link.gif);
 background-repeat: no-repeat;
 background-position: left;
 padding-left: 14px;

 color: lightslategray;
}
</style>

<a href="seite2.htm" class="link">Seite 2</a>

 Das könnte Sie interessieren:
Aufzählungszeichen mit Bild - Sie können eine eigene Grafik als Bullet-Zeichen für Aufzählungslisten bestimmen.  Mit ::selection markierten Text hervorheben  Formulare ohne Tabellen - Formulare ohne Tabellen lassen sich mit CSS sehr einfach formatieren. Hinsichtlich der Barrierefreiheit ist ein Label-Tag, einfach Pflicht auf jeder Website.  CSS Hyperlink #23  CSS kürzen  Fortschrittsbalken mit CSS zeichnen  Zeilenumbruch im Linktext verhindern - So vermeiden Sie das ein (langer) Linktext durch einen Zeilenumbruch geteilt wird.  Neue und besuchte Links mit CSS markieren  CSS Hyperlink #41  CSS-Sprites einfach erstellen  Bilder in CSS einbinden  Mauszeiger - Mauszeiger (Cursor), erstellen oder verändern Sie mit CSS.  …mehr