ce code vous serviera à changer le fond de votre site rien quand passant votre souris sur les cases.
Source / Exemple :
<td align="center" width="258"><table border="0" width="233">
<tr><td width="279">
<table border="0" cellpadding="0" cellspacing="0" width="292">
<tr><td valign="top" width="91">
</td>
<td align="center" bgcolor="#000000" width="19"><a
onmouseover="document.bgColor='black'; window.status='Black'; return true"><font
color="#000000" size="1" face="arial"><img border="2"
width="15" height="15"></font></a></td>
<td align="center" bgcolor="#008000" width="19"><a
onmouseover="document.bgColor='green'; window.status='Green'; return
true"><font color="#000000" size="1" face="arial"><img border="2"
width="15" height="15"></font></a></td>
<td align="center" bgcolor="#002866" width="19"><a
onmouseover="document.bgColor='seagreen'; window.status='Seagreen'; return
true"><font color="#000000" size="1" face="arial"><img border="2"
width="15" height="15" style="background-color: #009B00"></font></a></td>
<td align="center" bgcolor="#FF0000" width="19"><a
onmouseover="document.bgColor='red'; window.status='Red'; return true"><font
color="#000000" size="1" face="arial"><img border="2"
width="15" height="15"></font></a></td>
<td align="center" bgcolor="#00000A" width="19"><a
onmouseover="document.bgColor='almond'; window.status='Almond'; return
true"><font color="#000000" size="1" face="arial"><img border="2"
width="15" height="15" style="background-color: #D20000"></font></a></td>
<td align="center" bgcolor="#800080" width="19"><a
onmouseover="document.bgColor='purple'; window.status='Purple'; return
true"><font color="#000000" size="1" face="arial"><img border="2"
width="15" height="15"></font></a></td>
<td align="center" bgcolor="#00000B" width="19"><a
onmouseover="document.bgColor='burgandy'; window.status='Burgandy'; return
true"><font color="#000000" size="1" face="arial"><img border="2"
width="15" height="15" style="background-color: #C400C4"></font></a></td>
<td align="center"
bgcolor="#002866" width="19"><a
onmouseover="document.bgColor='magenta'; window.status='Magenta'; return
true"><font color="#000000" size="1" face="arial"><img border="2"
width="15" height="15" style="background-color: #FF00FF"></font></a></td>
<td align="center" bgcolor="#00000F" width="19"><a
onmouseover="document.bgColor='fusia'; window.status='Fusia'; return
true"><font color="#000000" size="1" face="arial"><img border="2"
width="15" height="15" style="background-color: #FF8888"></font></a></td>
<td align="center" bgcolor="#002866" width="19"><a
onmouseover="document.bgColor='pink'; window.status='Pink'; return true"><font
color="#000000" size="1" face="arial"><img border="2"
width="15" height="15" style="background-color: #FFC1C1"></font></a></td>
<td align="center" bgcolor="#000080" width="19"><a
onmouseover="document.bgColor='navy'; window.status='Navy'; return true"><font
color="#000000" size="1" face="arial"><img border="2"
width="15" height="15"></font></a></td>
<td align="center" bgcolor="#0000FF" width="19"><a
onmouseover="document.bgColor='blue'; window.status='Blue'; return true"><font
color="#000000" size="1" face="arial"><img border="2"
width="15" height="15"></font></a></td>
</tr>
<tr><td valign="top" width="91"><a
onmouseover="document.bgColor='white'; window.status='White'; return true"></a></td>
<td align="center" bgcolor="#002866" width="19"><a
onmouseover="document.bgColor='skyblue'; window.status='Skyblue'; return
true"><font color="#000000" size="1" face="arial"><img border="2"
width="15" height="15" style="background-color: #00C4C4"></font></a></td>
<td align="center" bgcolor="#00FFFF" width="19"><a
onmouseover="document.bgColor='cyan'; window.status='Cyan'; return true"><font
color="#000000" size="1" face="arial"><img border="2"
width="15" height="15"></font></a></td>
<td align="center" bgcolor="#00000B" width="19"><a
onmouseover="document.bgColor='brown'; window.status='Brown'; return
true"><font color="#000000" size="1" face="arial"><img border="2"
width="15" height="15" style="background-color: #B00000"></font></a></td>
<td align="center" bgcolor="#00000C" width="19"><a
onmouseover="document.bgColor='coral'; window.status='Coral'; return
true"><font color="#000000" size="1" face="arial"><img border="2"
width="15" height="15" style="background-color: #FF7D7D"></font></a></td>
<td align="center" bgcolor="#008080" width="19"><a
onmouseover="document.bgColor='teal'; window.status='Teal'; return true"><font
color="#000000" size="1" face="arial"><img border="2"
width="15" height="15"></font></a></td>
<td align="center" bgcolor="#002866" width="19"><a
onmouseover="document.bgColor='tan'; window.status='Tan'; return true"><font
color="#000000" size="1" face="arial"><img border="2"
width="15" height="15" style="background-color: #FFBC9B"></font></a></td>
<td align="center" bgcolor="#002866" width="19"><a
onmouseover="document.bgColor='orange'; window.status='Orange'; return
true"><font color="#000000" size="1" face="arial"><img border="2"
width="15" height="15" style="background-color: #FFAE5E"></font></a></td>
<td align="center" bgcolor="#002866" width="19"><a
onmouseover="document.bgColor='gold'; window.status='Gold'; return true"><font
color="#000000" size="1" face="arial"><img border="2"
width="15" height="15" style="background-color: #F2F200"></font></a></td>
<td align="center"
bgcolor="#FFFF00" width="19"><a
onmouseover="document.bgColor='yellow'; window.status='Yellow'; return
true"><font color="#000000" size="1" face="arial"><img border="2"
width="15" height="15"></font></a></td>
<td align="center" bgcolor="#00000C" width="19"><a
onmouseover="document.bgColor='cream'; window.status='Cream'; return
true"><font color="#000000" size="1" face="arial"><img border="2"
width="15" height="15" style="background-color: #00D56A"></font></a></td>
<td align="center" bgcolor="#808080" width="19"><a
onmouseover="document.bgColor='gray'; window.status='Gray'; return true"><font
color="#000000" size="1" face="arial"><img border="2"
width="15" height="15"></font></a></td>
<td align="center" bgcolor="#002866" width="19"><a
onmouseover="document.bgColor='lightgrey'; window.status='Lightgrey';
return true"><font color="#000000" size="1" face="arial"><img border="2"
width="15" height="15" style="background-color: #C9C9C9"></font></a></td>
</tr></table></td></tr></table></td>
Conclusion :
ce code est à palcer dans la partie <body> </body>
pour voir, venez faire un tour sur
http://perso.wanadoo.fr/omallet16/ et vous pourrez tester en directe.
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.