Externe Links mit CSS kennzeichnen

Ich hab das auf einigen Seiten gesehen und fand es eigentlich nett, wenn externe Links mit Grafiken (z.B. externer Link) gekennzeichnet werden.

Generell ist das recht einfach mit CSS zu lösen:

a[href^=“http:“] {
background:url(‚/pfad/zu/bla.gif‘) no-repeat left;
padding:0 0 0 15px;
}

Analog dazu geht natürlich auch a[href^=“https:“] für SSL-Seiten und a[href^=“ftp:“] für FTP URLs. Eigentlich sollte das bei allen Protokollen funktionieren.

Verwendet man das exit.php von Serendipity, ist der Code minimal anders:

a[href^=“http://www.deineurl.de/exit.php“] {
background:url(‚/pfad/zu/bla.gif‘) no-repeat left;
padding:0 0 0 15px;
}

3 Gedanken zu „Externe Links mit CSS kennzeichnen“

Schreibe einen Kommentar

*