Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo Zusammen,
ich verwende WordPress 4.9.5–de_DE mit dem Theme Twenty Fourteen.
Ich würde einen Mouseover Effekt in meine Homepage einbauen!
Bei Mouseover über den Namen (zB. Johann Schibich) sollte das Bild von Johann Schibich gezeigt werden.
Bei Ferdinand Schilling das Bild von Ferdinand Schilling.
Ist das überhaupt möchlich?
Hat wer einen Tipp für mich?
http://www.jagdgilde-neulengbach.at/wordpress/ueberuns/
DANKE FÜR EURE HILFE
LG, MARKUS
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
Das sollte möglich sein!
Wenn ich das aus deinem Quelltext richtig entnehme, dann sehen die Zeilen mit den Namen so aus:
<strong>Präsident:</strong> Johann Schibich<br />
Diese Zeilen musst du wie folgt modifizieren:
<strong>Präsident:</strong><span class="bild_pop"> Johann Schibich<img src="bild_von_jahannes.jpg alt="Johannes Schibich"></span><br />
Dann musst du in deinem CSS folgendes einfügen:
span.bild_pop {
cursor: pointer;
}
span.bild_pop img {
position: absolute;
height: 200px;
margin-left: 25%;
display: none;
}
span.bild_pop:hover img {
display: block;
}
Größe und Margin bei 'span.bild_pop img' musst du so einstellen, dass es eben passt.
Das sollte möglich sein!
Wenn ich das aus deinem Quelltext richtig entnehme, dann sehen die Zeilen mit den Namen so aus:HTML<strong>Präsident:</strong> Johann Schibich<br />
Diese Zeilen musst du wie folgt modifizieren:HTML<strong>Präsident:</strong><span class="bild_pop"> Johann Schibich<img src="bild_von_jahannes.jpg alt="Johannes Schibich"></span><br />
Dann musst du in deinem CSS folgendes einfügen:HTMLspan.bild_pop { cursor: pointer; } span.bild_pop img { position: absolute; height: 200px; margin-left: 25%; display: none; } span.bild_pop:hover img { display: block; }
Größe und Margin bei 'span.bild_pop img' musst du so einstellen, dass es eben passt.
SUUUUPER DANKE! Perfekt ja, so sollte es aussehen! :-)
Vielen Dank für deine schnelle und perfekte Hilfe!
LG, Markus
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!
