bei css gibst du ein hintergrundbild an mit
style="background-image:url(pfad/zum/bild/image.jpg);"
beim wbb suchst du die stelle wo du ein bild haben willst und setzt in der textbox für css code ein
background-image:url(images/tablebackground.gif);
das wars
mouseover ist ne js funktion und hat nichts mit css direkt zu tun. du kannst das nur damit kombinieren. ist aber im grunde zu umständlich.
beispiel:
<img src="bild.jpg">
jetzt soll das so geändert werden das bei mouseover das bild wechselt
<img src="bild.jpg" onmouseover="this.src='bild2.jpg'">
damit wechselt das bild sobald du mit der maus über das erste bild fährst.
beim wbb ist das auch wieder anders. da gibt es mehrere bereiche wo ein mouseover bereits anzugeben geht und da kannst du das auch tun (aber nur für textlinks die dann z.b. unterstrichen sein sollen usw) ... willst du das eine grafik wechselt beim mouse over musst du das im template machen und da bei der grafik (img tag) wie oben beschrieben das mouse over einfügen.
damit aber das bild dann auch wieder zurück wechselt wenn du mit der maus weg fährst muss folgendes ergänzt werden.
<img src="bild.jpg" onmouseover="this.src='bild2.jpg'" onmouseout="this.src='bild.jpg'">
das heißt wenn die maus weg gefahren wird wird wieder das ursprüngliche bild geladen.
p.s.: falls die funktionen mit mouseover usw. dich weiter interessieren bitte im bereich javascript posten da das da rein gehört ... und fragen zum wbb bitte im wbb bereich direkt posten.
Coder Board Community »
Coding »
CSS »
