[Grafik] Rollover-Bild

Dieses Thema im Forum "Webdesign" wurde erstellt von alone949, 27. Mai 2010 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 27. Mai 2010
    Rollover-Bild

    Hallo RR-Community,

    ich will für ein Webseitenprojekt (ehrenamtlich) Rollover-Buttons erstellen. Das Proplem ist das ich die Buttons mit 3 verschiedenen Bilder haben will. Aber ich find nirgends ein Code oder Programm mit dem es geht.

    Hoffe auf hilfe

    lg alone949
     
  3. 27. Mai 2010
    AW: Rollover-Bild

    erstell einfach 3 bilder und lass den rollover effekt dann über css regeln...
     
  4. 27. Mai 2010
    AW: Rollover-Bild

    Gibt es keine Möglichkeit in Dreamewaver cs5?
     
  5. 31. Mai 2010
    AW: Rollover-Bild

    also mit 2 bildern kenn ichs, einfach den unten stehenden link anklicken und in die Rubrik "CSS: Hover-Effekt" gehen...

    mit 3 Bildern weis ichs leider nicht...

    viel Erfolg
     
  6. 31. Mai 2010
    AW: Rollover-Bild

    beschreib doch mal die 3 bilder.. ich denke mal mouse in und mouse out also nen stink normalen hover, wofür das dritte bild? aktuelle seite auf der man sich befindet?
     
  7. 31. Mai 2010
    AW: Rollover-Bild

    ich schätze für den aktiv zustand.

    so in etwa:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<title>ahref img</title>
<style type="text/css">
a.btn {
 display: block;
 width: 120px;
 height: 100px;
 background: transparent url(img/btn_n.gif) no-repeat;
}
a.btn:hover {
 display: block;
 width: 120px;
 height: 100px;
 background: transparent url(img/btn_h.gif) no-repeat;
}
a.aktiv {
 display: block;
 width: 120px;
 height: 100px;
 background: transparent url(img/btn_a.gif) no-repeat;
}
a {
 border: 1px solid #ff0000;
}
</style>
</head>

<body>

<a href="#" class="btn">&nbsp;</a>
<a href="#" class="aktiv">&nbsp;</a>


</body>
</html>
     
  8. 1. Juni 2010
    AW: Rollover-Bild

    Ja genau so etwa, danke das werd ich mal versuchen.
     
  9. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.