CSS Infografiken bei Links

Wie Macrosdesign's Beitrag zeigt, hat er eine Box bei ausgehenden Links.

Wem das nicht gefällt, dem helfen vielleicht folgende Grafikhinweise.

Ist auch eine kleine CSS Spielerei und funktioniert genau gleich.
Doch das Scriptchen untscheidet noch von Email-Links und natürlich den externen Links.

CSS:

a[href^='http://']:before {
    content: url("../img/exlink.png");
        }


a[href^='mailto:']:before {
    content: url("../img/mail.gif");
        }

Bildchen (einfach Rechtsklick und Speichern unter...):
Extern: [Blockierte Grafik: http://hid.white-tiger.ch/9d381fb6a26c9f3db82a2e3fac167a1a.png]
Email: [Blockierte Grafik: http://hid.white-tiger.ch/ec39d726f185aaf6eb80f1f78d639e95.gif]

Die beiden Icons sind transparent

FG Thonixx

Gehört das zum Standart?

Das ist ganz normaler CSS Standard, aber man kommt vielleicht nicht von selber drauf.
Kann sein, dass es der IE 6 und 7 nicht unterstützen, das kann ich nicht sagen.
Aber ich denke das sollten die.