[CSS] Link Farben

**Manni** · 12.06.2004 00:16

Ich hätte da mal ein Problem:
Ich habe einen Link der soll etwa so aussehn, dass er erstens die Farbe wechselt, wenn ich mit der Maus drübergehe (Das ist noch net so schwer) Er soll von mir aus von blau zu rot werden. Jetzt möchte ich noch so eine Art Zeiger machen, der im Normalzustand die Hintergrunfarbe hat, wenn man mit der Maus drüber geht aber auch sichtbar (z.B Rot) wird. das wäre ja auch nicht so schwer, nur wie schaffe ich, dass die beiden zu einem Link gehören, also das dieser Zeiger auch sichtbar wirs, wenn ich über den anderen Link gehe. Ich möchte mal fragen, ob dass mit Style Sheet überhaupt möglich ist, oder ob ich das mit JS machen muss

Achja: Das ganze soll keine Allgemeine Definition sein (wie zB a:hover) sondern eine spezifische "class", wenn ihr wisst was ich meine...

Manni

**Dingsi** · 12.06.2004 00:51

öhm... wenn ich dich richtig verstanden hab, du willst nen eigenen cursor haben?!:
einfach in den stylesheet das reinmach0rn;

cursor:url(dein_cursor.gif);

glubsche ich jedenfalls.

**Manni** · 12.06.2004 15:42

Das meine ich eigentlich nicht. Ich will eine Art Zeiger machen, detr auf den Link zeigt, wenn ich drüber gehe.
ZB so:
Link normal: Link
Link wenn Maus drüber: > Link

Manni

**codec** · 12.06.2004 15:58

Ah ich versteh was du machen willst...

Ich weiß nicht direkt wie das geht aber mit JavaScript dürfte das gehen, schau mal auf bambusratte.de oder so, da gibts ziemlich viele JavaScripts und lauter so Zeugs, vllt ist was in der Art dabei... ansonsten einfach von 'ner anderen Seite klauen *gg*

**Dingsi** · 12.06.2004 17:20

Ahhhhh....

Das kommt in den Header (<head></head>):

Code:

<script type="text/javascript">
  function hLink(l)
  {
    l.firstChild.nodeValue='> '+l.firstChild.nodeValue;
  }
  function lLink(l)
  {
    l.firstChild.nodeValue=l.firstChild.nodeValue.substr(2,l.firstChild.nodeValue.length);
  }
</script>

Und das muss in deinen Link-Tag:

Code:

<a href="..." onMouseOver="hLink(this)" onMouseOut="lLink(this)"

Achtung ungetestet. o-O°
Wenn du ne genauere Beschreibung oder die Funktionsweise haben willst... ICQ steht im Profil, glaube ich.

Inzwischen getestet.. und.. WOUW-Scheiße bin ich gut. o-O°

**Manni** · 12.06.2004 17:54

Jep danke Es geht. Aber gibt es das auch noch mit Farbänderung?

Manni

**Dingsi** · 12.06.2004 18:01

die farbveränderung kannst du doch einfach mit css weiterhin machen.. aber wenn dus unbedingt in js haben willst.
mach in die beiden funktion wo l.firstChild.nodeValue=... steht, noch rein:
l.style.color='farbe_einsetzen';
da kannst du dann sachen wie 'red' oder '#f00' rein tun, so wie dus auch in css machen würdest. o-o

**Manni** · 12.06.2004 23:36

Jo danke

Werde auch noch ein paar andere Sachen probieren...

Manni

Thema: [CSS] Link Farben

Themen-Optionen

Anzeige

[CSS] Link Farben

Berechtigungen