Mobirise-Tutorials.com

Hallo zusammen,

ich hatte irgendwann mal einen CSS und HTML Code für einen Mouseover-Effekt.
Diesen habe ich jetzt mal ein wenig angepasst und in einen einfachen Textblock eingefügt.

Funktionieren tut das wohl. Sicherlich könnte man hier noch weiter Anpassungen und Änderungen vornehmen.
Wenn ich den Code hier einstellen soll, lasst es mich wissen.

Siehe hier: http://dm-webmedia.de/hover/

Moin,

hübscher Effekt

steht ja in Deiner CSS-Datei, wäre aber schon nett, wenn Du dann auch eine kleine Anleitung dazu schreiben würdest - falls das jemand auch haben will.

Ich habe mal die komplette HTML, CSS-Datei und Pizza Bilder als ZIP-Datei mit bei.

Einfach einen einfachen Article-Block einfügen. Mit dem Code Editor den kompletten Inhalt der HTML und CSS aus der Mouseover-Effekt-Pizza.zip Datei ersetzen.

Die Bilder habe ich auch gleich mit bei.

Die Bilder müssen dann natürlich in das Stammverzeichnis auf den Server euerer Wahl.
Die URL muss dann natürlich dann auch angepasst werden.

.ch-img-1 {
background-image: url(http://dm-webmedia.de/hover/image/100.jpg);
z-index: 12;
}
.ch-img-2 {
background-image: url(http://dm-webmedia.de/hover/image/200.jpg);
z-index: 11;
}
.ch-img-3 {
background-image: url(http://dm-webmedia.de/hover/image/300.jpg);
z-index: 10;
}

Hallo Dieter,

danke für Deinen Einsatz