Link der Farbe wechselt

Margin hat geschrieben:a:hover.beispiel{color:#ffffff}

<a href=" ... " class="beispiel"> blubb </a>

Von: fw
An: zellerjohannes
Verfasst am: Fr Okt 20, 2006 4:12 pm
Titel: Re: frame
zellerjohannes hat Folgendes geschrieben:
.. aber ich will das nicht für alle Links sondern nur für einen oder drei und alle andern anders!
schick mir doch gerade den Quelltext!!

Etwas html/css sollte man schon beherrschen. Da es in diesem Forum nicht mehr um diese Grundlagen sondern um SEO geht.

Wenn es nur für einige wenige Links sein soll, sind diese durch eine Klasse (z.B. " extra ") von den anderen zu unterscheiden.

<style type="text/css">
a:link.extra {color:#EE0000 !important; text-decoration:none; font-weight:bold; }
a:visited.extra { color:#EEAAAA; text-decoration:none; font-weight:bold; }
a:hover.extra { color:#EE0000; text-decoration:none; background-color:#FFFF99; font-weight:bold; }
a:active.extra { color:#0000EE; background-color:#FFFF99; font-weight:bold; }
a:focus.extra { color:#00AA00; background-color:#FFFF77; font-weight:bold; }
</style>

Ein Link dieser Klasse:
<a href="https://www.bla.tld" class="extra" title="Ich bin ein Beispiellink">Beispiel</a>

Vorsichtshalber solltest du alle Eigenschaften mit !important auszeichnen wie beim ersten Beispiel oben, da es sonst sein kann, dass nicht jeder Browser diese anderen Eigenschften anzeigt.