Anzeige

MouseOver CSS

MouseOver CSS | PSD-Tutorials.de

Erstellt von INKY, 07.04.2008.

  1. INKY

    INKY Noch nicht viel geschrieben

    Dabei seit:
    20.03.2008
    Beiträge:
    16
    Geschlecht:
    männlich
    MouseOver CSS
    Hi Leute,
    ich hab mich die letzten Tage ein bisschen mit CSS beschäftigt, mich mit Tutorials beschäftigt usw... So, jetzt bin ich an dem Punkt angelangt wo ich selber etwas ausprobieren möchte und zwar möchte ich eine Menüleiste mit Buttons für die HP mit CSS gestalten. Mein Problem hierbei, ich möchte das wenn ich z.B auf den Button draufgehe ein veränderter Button erscheint. Das hab ich mich dem MouseOver Effekt versucht und es hat geklappt mit:
    a {....}
    a:hover {...}
    O.K aber jetzt soll ja jeder Button anders aussehen, d.h. dass ich für jeden Button einen anderen Hover-Effekt machen muss. Ich kopier euch mal meinen Versuch.
    <style type="text/css">
    #LOL1:hover { background-image:url(LOL2.jpg); }
    </style>
    </head>
    <body>
    <a href="abc.htm" id="LOL1"><IMG SRC="LOL.jpg" border="0"></a>
    OK, könnt ihr mir bitte sagen was dadran falsch und mir helfen. Ich bedanke mich jetzt schon mal und entschuldiege mich wenn das schon mal jmd. gepostet hat, ich habs in der SuFu nicht gefunden. DANKE!!!
     
    #1      
  2. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.557
    Geschlecht:
    männlich
    MouseOver CSS
    AW: MouseOver CSS

    versuch mal


    a.lol1:link { werte }
    a.lol1:hover {werte }


    <a href="link" class="lol1">klick</a>
     
    #2      
  3. Miahexe

    Miahexe www.mowz.de

    Dabei seit:
    04.01.2006
    Beiträge:
    59
    Geschlecht:
    weiblich
    Software:
    Adobe PS CS2
    MouseOver CSS
    AW: MouseOver CSS

    #LOL1:hover { background-image:url(LOL2.jpg); }

    davor muss ein a ^^

    a#LOL1:hover { background-image:url(LOL2.jpg); }

    sonst weiß "es" ja nicht, dass es um eine bestimmte sorte link geht ^^
     
    #3      
  4. INKY

    INKY Noch nicht viel geschrieben

    Dabei seit:
    20.03.2008
    Beiträge:
    16
    Geschlecht:
    männlich
    MouseOver CSS
    AW: MouseOver CSS

    Hm...
    hab beiders mehrmals versucht, hat aber irgendiwe beides nicht geklappt.. Danke trotzdem!
     
    #4      
x
×
×