Header Design Effekt

...komplette Frage anzeigen

1 Antwort

Das CSS zeigt es:

#head {
   background-color: #ffffff;
   height: 290px;
   background-image: url([...]87829dfef5f237df7c4c756166e36dc0.jpg);
   background-repeat: repeat;
   background-position: center center;
}

#head:hover {
   background-image: url(<a href="http://www.fotos-hochladen.net/uploads/wildkorea290bw7ct1j3.jpg" target="_blank">http://www.fotos-hochladen.net/uploads/wildkorea290bw7ct1j3.jpg</a>);
}

Die Hindergrundgrafik des div#head wird einfach beim Hoverzustand ausgetauscht.

Gutefrage.net hat die URL beim absenden meines Kommentars leider verwurstet. Aber das Prinzip sollte wohl klar sein.

1
@Dory1

Danke ~ Muss man also 2 mal den Header erstellen ? Und gibt es denn keinen Tutorial oder sowas in diese Richtung ?

0
@Shainomio

Das Bild wird hier komplett ausgetauscht - muss also auch 2x erstellt werden. Wofür genau suchst du ein Tutorial?

0

Was möchtest Du wissen?