Changez le fond de votre site web à gogo !

Télécharger le projet
Commenter

Description

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">
  &nbsp;</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.
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

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.

Du même auteur (cs_omallet16)