DerEinzige & traumfahne.de

DerEinzige & traumfahne.de

zeitschrift zum selbstausdrucken im eigenverlag vom 9. 4. 2007 | gesamtausgaben: 269

linkverschönerung mit pseudoklasse und attribut selektor

meine externen links werden durch das plugin identify external links markiert. selbiges taggd alle wegführenden links mit einem class=”extlink” welches du in deinem style.css definierst.

bei mir:

.extlink:after{content:"\\ 279A";font-size:0.7em}

nachteil ist, dass alle links gleich aussehen. da ich aber oft auf wikipedia linke, wollte ich die auch extra kennzeichnen.

das plugin link indication bietet zwar diese möglichkeit, allerdings mit bildern und mir persönlich zu überdimensioniert.

da die css pseudoklassen aber eine reiche auswahl an gestaltung bieten, hab ich einfach deren zwei zusätzliche in mein style.css geschrieben und tata

ein wikipedia link sieht so aus: css

der dazugehörige style:

a[href^="http://de.wikipedia.org/"]:after { content:"\\ 279A\\ 24E6";color:green;font-size:0.7em}
a[href^="http://en.wikipedia.org/"]:after { content:"\\ 279A\\ 24E6";color:green;font-size:0.7em}

und da ich manchmal downloads anbiete , z.b. sociable_plus2.zip

gibts da auch style:

a[href^="http://dereinzige.de/downloads/"]:after { content:"\\ 2193";color:blue;font-size:0.7em}

mit diesen unicode zeichen bist du echt flexibel und an meinen links wird sich sicher gelegentlich noch was tun

# btw, kommentare sind erlaubt

# ein tipp für alle benutzer des internet explorer, die mit diesem post, wg. mangelhafter programmierung des selbigen, nichts anfangen können:

autor: jeff brett, verfasst am 9. 4. 2007
permalink: http://dereinzige.de/2007/04/09/linkverschoenerung-mit-pseudoklasse-und-attribut-selektor/
short url: http://dereinzige.de/221