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/
Mouseover-Effekt
-
- Mitglied (Level 8)
- Beiträge: 72
- Registriert: Mi 16. Dez 2020, 18:48
- Wohnort: Main-Kinzig-Kreis, Hessen
Mouseover-Effekt
Mobirise v5.9.4
Gruß
Dieter
Gruß
Dieter
- Tommy Herrmann
- Site Admin
- Beiträge: 5921
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Mouseover-Effekt
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.
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.
-
- Mitglied (Level 8)
- Beiträge: 72
- Registriert: Mi 16. Dez 2020, 18:48
- Wohnort: Main-Kinzig-Kreis, Hessen
Re: Mouseover-Effekt
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;
}
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;
}
- Dateianhänge
-
- Mouseover-Effekt-Pizza.zip
- (177.3 KiB) 72-mal heruntergeladen
Mobirise v5.9.4
Gruß
Dieter
Gruß
Dieter
- Tommy Herrmann
- Site Admin
- Beiträge: 5921
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Mouseover-Effekt
Hallo Dieter,
danke für Deinen Einsatz
danke für Deinen Einsatz
Re: Mouseover-Effekt
Wenn Dein Pferd tot ist, steig ab.
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 33 Gäste