Menu table rollover style kings of chaos.com

Soyez le premier à donner votre avis sur cette source.

Snippet vu 17 534 fois - Téléchargée 28 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

Messages postés
558
Date d'inscription
mardi 4 février 2003
Statut
Membre
Dernière intervention
18 février 2006

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
Messages postés
2
Date d'inscription
vendredi 26 septembre 2003
Statut
Membre
Dernière intervention
17 août 2004

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
Messages postés
558
Date d'inscription
mardi 4 février 2003
Statut
Membre
Dernière intervention
18 février 2006

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
Messages postés
161
Date d'inscription
jeudi 20 mars 2003
Statut
Membre
Dernière intervention
7 mai 2007

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.