Externe Links mit Icon versehen

Auf einer Webseite gibt es viele Links. Für den Benutzer der Webseite ist es eine super Sache zu erkennen ob der Link auf eine interne Seite oder auf eine externe Seite verlinkt.

Externe Links, welche von der Webseite wegführen können mittels CSS einfach mit einem Icon versehen werden.

Der Benutzer sieht so auf den ersten Blick wohin der Link in etwa geht. Das ganze sieht so aus:

Mittels CSS wird das Bild für den externen Link festgelegt:

Externe Links werden nun der neuen CSS-Klasse zugewiesen:

Das wars auch schon. Das ganze Beispiel gibt es hier zum Download: css_link

Kommentar hinterlassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.