1-image 2-image 3-image
Sie sind hier: Startseite > Besonderheiten > Verlinkungen

Verlinkungen anzeigen

Ein praktischer Tipp: Kennzeichnen Sie doch einfach alle externen Links via CSS mit einem Symbol und dann sieht der Betrachter der Seiten klar und deutlich, dass er eine neue Seite betritt. Damit hilfen Sie dem Besucher mehr, als mit einer Disclaimer Seite, die er so oder so nicht liest oder richtig versteht.

Alle Links, die mit http:// beginnen, bekommen einen Pfeil hinten angesetzt:

Rufen Sie hierzu Einstellungen — Stylesheet auf. Kopieren Sie ziemlich weit oben (gleich nach Angaben zur Navigation) dieses Zeilen hinein.

a[href^="http://"]:after, a[href^="https://"]:after {
content: url(/userfiles/images/flags/extern-10.gif);
}

a[href^="http://home.michael-zajusch.de"]:after {
content: "" ! important;
}


Kleine Erklärungen:

a[href^="http://"]:after {
content: url(/userfiles/images/flags/extern-10.gif);
}
Die Links, die auf eine Subdomain zeigen, bekommen den wieder überschrieben:

a[href^="http://intern.michael-zajusch.de"]:after {
content: "" ! important;
}

Sie müssen die Angabe, die hier : http://intern.michael-zajusch.de heißt, entsprechen Ihrer Domain eintragen.
Das � Zeichen soll hierbei ein geschütztes LEERZEICHEN sein. Damit bleibt der Abstand erhalten und der Pfeil rutscht nicht in die nächste Zeile.
So der Plan – bitte mal testen. Sonst einfach mal auf deiner Tastatur selber ein geschütztes LEERZEICHEN erstellen.
Siehe auch http://leavesofcode.net/2012/08/21/indicate-special-links-with-css/

Da ich das mit dem � Zeichen bzw. geschützten Zeichen nicht hinbekomme Stirnrunzelnd , habe ich das GIF-Icon nach vorne entsprechend verlängert und anschließend die Hintergrundfarbe transparent geschaltet. Außerdem kopierte ich es in den Unterordner von userfiles – images – flags hinein, damit ich es nicht aus Versehen mal lösche.


Download des blauen Link-Pfeils (Bitte entpacken und in den Ordner ".images/flags/" hochladen.

 

Als Kopiervorlage freigegeben: © 2015, Michael Zajusch

Glossar

Michael Zajusch

  Infos
Michael Zajusch Michael Zajusch

Hermann-Hesse-
Schule, 
Obertshausen
Please activate JavaScript in your browser.

» Sitemap

Aufgrund der neuen Cookies-Verordnung der EU: Einige Bereiche dieser Website benötigen zu ihrer Funktion neben den sogenannten SESSION-Cookies, auch Cookies, die personenbezogenen Daten enthalten, die sich auf Sie, Ihren Webclient und / oder Ihr Gerät (PC oder Mobil-Gerät) beziehen (also: personenbezogenen Daten). Es werden nur seiteninterne Werte gespeichert. Bitte geben Sie Ihre Erlaubnis, evtl. weitere Cookies auf Ihrem Rechner zu platzieren.

Erfahren Sie mehr über diese Cookies in der Cookie Policy.