Mouseover-Effekt

CSS und andere hilfreiche Anweisungen
Nachtfalke
Mitglied (Level 7)
Mitglied (Level 7)
Beiträge: 67
Registriert: Mi 16. Dez 2020, 18:48
Wohnort: Main-Kinzig-Kreis, Hessen

Mouseover-Effekt

Ungelesener Beitrag von Nachtfalke »

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/
Mobirise v5.9.4

Gruß
Dieter
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Mouseover-Effekt

Ungelesener Beitrag von Tommy Herrmann »

Moin,

hübscher Effekt :tu:

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.
Nachtfalke
Mitglied (Level 7)
Mitglied (Level 7)
Beiträge: 67
Registriert: Mi 16. Dez 2020, 18:48
Wohnort: Main-Kinzig-Kreis, Hessen

Re: Mouseover-Effekt

Ungelesener Beitrag von Nachtfalke »

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;
}
Dateianhänge
Mouseover-Effekt-Pizza.zip
(177.3 KiB) 47-mal heruntergeladen
Mobirise v5.9.4

Gruß
Dieter
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Mouseover-Effekt

Ungelesener Beitrag von Tommy Herrmann »

Hallo Dieter,

danke für Deinen Einsatz :tu:
Benutzeravatar
Rancher
Moderator
Moderator
Beiträge: 466
Registriert: Di 8. Dez 2020, 18:37
Wohnort: Elsass

Re: Mouseover-Effekt

Ungelesener Beitrag von Rancher »

:tu:
Wenn Dein Pferd tot ist, steig ab.
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 5 Gäste