Automatisch Zeichen oder Grafik anfügen

[Stefan]

Moin Marco!

»»[...] Beispielsweise ein kleiner Pfeil nach rechts-oben (Grafik) für bestimmte links [...]

Genau sowas haben wir bei uns für Links, die auf externe Webseiten führen, quasi als Entscheidungshilfe für den Benutzer, ob er den Link in einem neuen Fenster öffnen möchte. Das funktioniert im Firefox recht bequem über den Link selbst:  Beginnt er mit "http:" oder "https:" so bekommt er automatisch die Grafik davor.
Das sieht dann so aus wie auf http://www.brettspielwelt.de/Community/. Die Links in den beiden letzten Absätzen verweisen auf externe Seiten.
Für andere Browser sehen die Links aus wie alle Anderen, aber Nutzer eines vernünftigen Browsers dürfen gerne auch etwas Komfort genießen ;)

Das CSS dazu sieht folgendermaßen aus und die Idee entstammt dem YAML-Framework:

  
#col3 a[href^="http:"], #col3 a[href^="https:"],  
#col1 p a[href^="http:"], #col1 p a[href^="https:"],  
#col2 p a[href^="http:"], #col2 p a[href^="https:"]  
{  
 padding-left: 12px;  
 background-image: url('../img/ext_link.gif');  
 background-repeat: no-repeat;  
 background-position: left;  
}

Grüße,

Stefan