Externe Link mit Icon Kennzeichnung

Tutorial wurde erstellt von: Bluevacci.de

Um externe Links hervorheben zu können, fü:gt man einfach ein Icon dazu. Dazu muss ein Icon so wie wie hier im Beispiel erstellt werden.
Erstelle eine neue Datei mit der Größe 9x9px und fülle die entsprechenden Felder mit der Farben #000000.

Nun das Icon als extern.gif abspeichern und auf den Webspace in den Images Ordner laden. Danach die zu bearbeitende Datei öffnen und bei den Link die CSS Anweisung class="extern" einfügen.

Beispiel anzeigen

Ich bin ein Externer Link 

CSS:

.extern {
	background: url(images/extern.gif) no-repeat right;
	padding-right: 15px;
}

HTML:

<a class="extern" href="#">Ich bin ein Externer Link</a>