Photoshop-Cafe.de :: Dein Photoshop-Forum - Web-Design Mehrere Rollover für Webseite

Photoshop-Cafe.de :: Dein Photoshop-Forum (https://www.photoshop-cafe.de/forum/index.php)

- Hilfestellung, Tipps und Tricks (https://www.photoshop-cafe.de/forum/forumdisplay.php?f=30)

- -

Mehrere Rollover für Webseite (https://www.photoshop-cafe.de/forum/showthread.php?t=11796)

Chris0211

09.03.11 10:10

Mehrere Rollover für Webseite

Hallo zusammen!

Vorweg: ich bin Photoshop Neuling und habe das Programm auch nur, weil ich es hier in der Firma benutzen darf. Daher kenn ich mich auch nicht so gut aus. Nun möchte ich aber für die Homepage meiner Band ein Bandfoto mit Rollover Effekt der einzelnen Musiker erstellen (5). Grundfoto ist in s/w und die Musiker sollen beim Rollover in Farbe dargestellt werden.

Ausgeschnitten und in neue Ebenen kopiert habe ich die Farbigen Musiker schon. Nun weiß ich nur nicht, wie ich den Rollovereffekt hinbekommen soll und wie ich diesen dann in die Webseite einbaue.

Könntet ihr mir da behilflich sein?

Vielen Dank und viele Grüße

Chris

phoenix

09.03.11 17:24

Hallo chris,
willkommen im Photoshop Cafe.

Code:

<style type="text/css">

#musiker1:hover {

background-image:url(image1_col.img);}



#musiker2:hover {

background-image:url(image2_col.img);}

</style



<div id="musiker1" style="display:block; width:100px; height:100px; background-image:url(image1.img);"></div>



<div id="musiker2" style="display:block; width:100px; height:100px; background-image:url(image2.img);"></div>

Das ist eine von vielen Möglichkeiten. Pseudo Code, ein bisschen HTML muss man trotz allem können wenn man Webseiten erstellen will ;)

Gruss,
phoenix

Alle Zeitangaben in WEZ +2. Es ist jetzt 19:36 Uhr.

Seite wurde generiert in 0,01570 Sekunden mit 8 Queries