image-02image-01image-03
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

Please activate JavaScript in your browser.

» Sitemap

Wir möchten gerne Cookies auf Ihrem Rechner platzieren, um uns zu helfen diese Website zu verbessern. Erfahren sie mehr über diese Cookies in der Datenschutzerklärung. Falls Sie trotzdem datenschutzrechtliche Bedenken haben, nutzen Sie bitte diese Webseite nicht - oder nur auf eigene Verantwortung. Sie können auch den entsprechenden Button wählen. - Danke für Ihr Verständnis!