TMPH00036

BaukastenHilfe24 - Hier wird dir geholfen!

BildHover

Anleitung: Bild-Hover


Wir zeigen dir in diesem Tutorial wie ihr ein Bild-Hover erstellt. Wenn ihr zum Beispiel mit der Maus über eine Grafik fährt erscheint solange eine andere Grafik:

Beispiel:

 

CSS-Code:

<style type="text/css">

.bild {
background-image: url(http://Link-zum-Bild);
width: 100px;
height: 100px;
}

.bild:hover {
background-image: url(http://Link-zum-Hover-Bild);
}

</style>
Diesen Code fügst du am besten immer ganz oben im Quellcode der gewünschten Seite ein. In die grünmarkierten Textstellen müsst ihr die URL der gewünschten Grafiken einfügen.

Code im Text:
Um die Grafiken im Text irgendwo zu platzieren musst du folgenden Code an der geünschten Stelle im Quellcode einfügen:

<div class="bild"></div>

Für weitere Fragen stehen wir natürlich gerne zur Verfügung. Einfach unten in den Kommentaren oder unter Kontakt bei uns melden!




=> Willst du auch eine kostenlose Homepage? Dann klicke hier! <=