Changez le fond de votre site web à gogo !

Soyez le premier à donner votre avis sur cette source.

Vue 7 351 fois - Téléchargée 343 fois

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.

Codes Sources

A voir également

Ajouter un commentaire Commentaires
Messages postés
15
Date d'inscription
jeudi 1 janvier 2004
Statut
Membre
Dernière intervention
1 novembre 2007

il me sera facile de le découpé ou de le délimité la seul chose que je demande c'est un pneu de temps c'est tout loll !!
PTITE INFO SUR MON SITE http://perso.wanadoo.fr/omallet16/ IL Y AS DES COURS DE JAVASCRIPT, JAVA, VBSCRIPT ET PLEIN D'AUTRES...

pour me joindre si vous avez msn messenger omallet16@hotmail.com
Messages postés
817
Date d'inscription
mercredi 25 juin 2003
Statut
Membre
Dernière intervention
19 avril 2004

C'est la première fois que je lis un code en javascript... et j'ai vraiment du mal à comprendre même en ayant des petites bases en HTML... Il n'y aurait pas une possibilité que tu délimites certaines parties du code... ?
Messages postés
15
Date d'inscription
jeudi 1 janvier 2004
Statut
Membre
Dernière intervention
1 novembre 2007

merci c'est encouragent pour la suite loll
Messages postés
47
Date d'inscription
dimanche 12 octobre 2003
Statut
Membre
Dernière intervention
4 mars 2007

c pas mal mais deja vu sous d'autre forme
apre pour l'utilite bon sa peut etre sympa voila

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)