Meine Beiträge

JoomlaSoftwareNetzwerkWebsolution

Kennzeichnung externer Links - Kennzeichnung von Links mit Schriftart

Beitragsseiten

Kennzeichnung von Links mit Schriftart

Eine weitere Möglichkeit Links zu kennzeichnen ist mit Schriftzeichen.
Hierbei kann man folgende Anbieter nutzen: Icomoon.io oder Fontawesome.com

Wie man die Fonts auf seine Homepage einbindet ist auf der jeweiligen Hompage des Anbieters ausführlich beschrieben. Diese Font-Icons können direkt per download auf die Seite geladen - oder auch per Link im <head>-Bereich eingebunden werden.

CODE 1

a[href^="http://"]:after,
a[href^="https://"]:after,
a[href^="ftp://"]:after 
{   
 font-family: FontAwesome;   
 content: "f105";
}

Verweise auf die eigene Seite sollen keine Kennzeichnung erhalten. Wie man dies anhand eines CSS-Tips bewerkstelligt, kannst du im folgenden Codebeispiel sehen.

CODE 2

a[href^="http://www.norbert-kreidt.de"]:after,
a[href^="http://norbert-kreidt.de/"]:after,
a[href^="https://www.norbert-kreidt.de"]:after,
a[href^="https://norbert-kreidt.de/"]:after
{
 content: none;
}

Ergebnis:

  1.  Die folgende Links verweisen extern auf die eigene Seite (ohne Kennzeichnung):
    http://www.norbert-kreidt.de oder auf https://norbert-kreidt.de
  2. Die folgende Links verweisen extern auf eine andere Seite (mit Kennzeichnung):
    https://www.google.de oder auf https://google.de

 Wie man eine Kennzeichnung mit Ausnahme erstellt, kannst Du auf der nachfolgenden Seite sehen.

Wir benutzen Cookies

Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell für den Betrieb der Seite, während andere uns helfen, diese Website und die Nutzererfahrung zu verbessern (Tracking Cookies). Sie können selbst entscheiden, ob Sie die Cookies zulassen möchten. Bitte beachten Sie, dass bei einer Ablehnung womöglich nicht mehr alle Funktionalitäten der Seite zur Verfügung stehen.