Hyperlink 2.0

Zielsetzung

Links auf einer Internetseite werden anhand unterschiedlicher Grafiken als z.B. externe Links hervorgehoben.

Realisierung

Folgende CSS-Klasse erweitert das aufrufende Element um eine (Hintergrund-)Grafik:

.extern {
background-image: url(extern.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 17px;
}

Der Link wird um das Attribut class mit dem entsprechenden CSS-Klassennamen erweitert:

<a href="..." target="_blank" class="extern">Link</a>

Beispiel

Dieser Link verwendet die CSS-Klasse "extern": Startseite