Durch eine kleine Abfrage in CSS ist es möglich Externe Links automatisch mit einem Extern-Symbol zu markieren. Dazu liest CSS den “href” des Links aus und prüft, ob ein “http:” darin enthalten ist. Ist das der Fall, wird der Style angewendet:
CSS-code:
a[href^="http:"] {
background: url("ext_link.gif") top right no-repeat;
padding-right: 8px;
}So muss man nicht mehr alle Links von Hand markieren und spart dadurch Zeit und Aufwand!
[…] Es ist auf einfache Wiese möglich eine Abfrage ins CSS file einzubauen und somit extrene links automatisch markieren zu lassen. via blog.marcinex.net […]
Ja, das vom Prinzip her eine sehr gute Idee. Ich persönlich finde allerdings das es etwas unpraktisch ist , im speziellen Bezug auf Wordpress.
Wenn man seine Links mit dem rel Attribut versieht und als Wert extern oder eben intern verwendendet hat man differnziertere Möglichkeiten Links zu markieren.
CSS-code:
a[rel^="extern"] {
color:red
}
Grade Wordpress verwendet auch in internen Links absolute Pfadangaben wie http://www.seitename/pfad/zum/eintrag.
bye Steffen
Alternativ kann man ja auch nach dem Inhalt des Attributs target fragen, dass bei externen Links aus Usabilitygründen eh “_blank” sein sollte.
CSS:
a[target=”_blank”] { Gedöns für externe Links; }
Durch eine kleine Abfrage in CSS ist es möglich Externe Links automatisch mit einem Extern-Symbol zu markieren. Dazu liest CSS den “href” des Links aus und prüft, ob ein “http:” darin enthalten ist. Ist das der Fall, wird der Style angewendet:
CSS-code:
a[href^="http:"] {
background: url("ext_link.gif") top right no-repeat;
padding-right: 8px;
}So muss man nicht mehr alle Links von Hand markieren und spart dadurch Zeit und Aufwand!
[…] Es ist auf einfache Wiese möglich eine Abfrage ins CSS file einzubauen und somit extrene links automatisch markieren zu lassen. via blog.marcinex.net […]
Ja, das vom Prinzip her eine sehr gute Idee. Ich persönlich finde allerdings das es etwas unpraktisch ist , im speziellen Bezug auf Wordpress.
Wenn man seine Links mit dem rel Attribut versieht und als Wert extern oder eben intern verwendendet hat man differnziertere Möglichkeiten Links zu markieren.
CSS-code:
a[rel^="extern"] {
color:red
}
Grade Wordpress verwendet auch in internen Links absolute Pfadangaben wie http://www.seitename/pfad/zum/eintrag.
bye Steffen
Alternativ kann man ja auch nach dem Inhalt des Attributs target fragen, dass bei externen Links aus Usabilitygründen eh “_blank” sein sollte.
CSS:
a[target=”_blank”] { Gedöns für externe Links; }