Menu table rollover style kings of chaos.com

Soyez le premier à donner votre avis sur cette source.

Snippet vu 17 740 fois - Téléchargée 30 fois

Contenu du snippet

Ce code concerne les débutant étant donné qu'il est très facile à réaliser.

Il s'agit d'un rollover sur un table comme le Menu du site http://www.kingsofchaos.com avec une légère amélioration (Curseur).

Source / Exemple :


<html>

<head>
<title>Menu style Kings Of Chaos.com</title>
</head>

<body marginheight="0" marginwidth="0" leftmargin="0" topmargin="0" bgcolor="#000000">

<div align="left" onmousedown="a">
  <table border="0" cellpadding="0" cellspacing="0" width="90%">
    <tr>
      <td onmousedown="window.location='page1.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 1</font></b></td>
    </tr>
    <tr>
      <td onmousedown="window.location='page2.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 2</font></b></td>
    </tr>
    <tr>
      <td onmousedown="window.location='page3.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 3</font></b></td>
    </tr>
    <tr>
      <td onmousedown="window.location='page4.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 4</font></b></td>
    </tr>
    <tr>
      <td onmousedown="window.location='page5.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 5</font></b></td>
    </tr>
    <tr>
      <td onmousedown="window.location='page6.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 6</font></b></td>
    </tr>
    <tr>
      <td onmousedown="window.location='page7.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 7</font></b></td>
    </tr>
    <tr>
      <td onmousedown="window.location='page8.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 8</font></b></td>
    </tr>
    <tr>
      <td onmousedown="window.location='page9.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 9</font></b></td>
    </tr>
    <tr>
      <td onmousedown="window.location='page10.htm'" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#000000'" style="cursor: hand" width="100%" bgcolor="#000000"><b><font color="#FFFFFF">&nbsp;::
        Rubrique 10</font></b></td>
    </tr>
  </table>
</div>

</body>

</html>

Conclusion :


Rien de spécial. Il ne devrait pas y avoir de bugs. Si c'est le cas parcontre merci de me les signaler.

A voir également

Ajouter un commentaire Commentaires
mathieumg Messages postés 558 Date d'inscription mardi 4 février 2003 Statut Membre Dernière intervention 18 février 2006
17 août 2004 à 20:11
Oui cette source date, c'était mes débuts :)

Maintenant parmi le HTML,CSS,Javascript,PHP presque rien ne m'échappe :P

Mathieu M-G
mathieumg@qc-net.com
theempereur Messages postés 2 Date d'inscription vendredi 26 septembre 2003 Statut Membre Dernière intervention 17 août 2004
17 août 2004 à 20:06
avec du CSS, on y verrait bcp plus clair............ Sinon c'est cool pour les débutants, mais à partir du moment ou quelqu'un chope deux trois bases de css je vois pas mal de lignes qui disparaissent
mathieumg Messages postés 558 Date d'inscription mardi 4 février 2003 Statut Membre Dernière intervention 18 février 2006
11 juil. 2003 à 15:46
C'est vrai qu'elles sont pas terribles. Comme je dis c'est juste une base pour les débutants, couleurs modifiables au choix !

Merci

Mathieu M-G
linkinpar236737 Messages postés 161 Date d'inscription jeudi 20 mars 2003 Statut Membre Dernière intervention 7 mai 2007
11 juil. 2003 à 15:43
c'est vrai que ce script est pour les débutants, mais ca peut toujours servir, et je trouve que les couleurs ne sont pas teribles

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.