Crée un menu dynamique Css

Fermé
cross66 Messages postés 4 Date d'inscription mardi 4 octobre 2011 Statut Membre Dernière intervention 12 octobre 2011 - 12 oct. 2011 à 14:03
coeus Messages postés 3021 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 - 12 oct. 2011 à 16:25
Bonjour, j'arrive a crée des menus etc mais je n'arrive pas en crée des beaux et qui bouge lorsque que l'on passe la sourie dessus. Quelqu'un pourrait m'expliquer comment faire et si possible me donner un exemple. J'ai reussi a trouver un site qui a a peux pret ce que je veux.

http://www.lgh-serveur.com/larp/site/

(Le menu de haut)

Merci d'avance



A voir également:

2 réponses

RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
12 oct. 2011 à 14:20
salut

c est tres simple a faire ,

si tu ne sais pas regarde le code de leur page !


CSS du menu

* Menu Superieur */
/*                */

#top-menu {
width: 907px;
height: 45px;
text-align: center;
}
#top-menu dl {
width: 896px;
margin: auto;
}
#top-menu dd {
width: 128px;
height: 23px;
font-family: Arial, Helvetica, sans-serif; 
text-align: center;
background-image: url("../images/off.jpg");
background-repeat: no-repeat;
background-position: left top;
display: inline;
float: left;
margin: 0;
}
#top-menu a:link, #top-menu a:visited {
width: 128px;
height: 23px;
line-height: 20px;
display: block;
color: #3d3d3d;
font-weight: bold;
background-color: transparent;
text-decoration: none;
}
#top-menu a:active, #top-menu a:hover, #top-menu #on {
width: 128px;
height: 41px;
line-height: 35px;
display: block;
color: white;
text-decoration: none;
background-image: url("../images/on.jpg");
background-repeat: no-repeat;
background-position: left top;



HTML du menu

 <!-- Menu Supérieur -->
      <div id="top-menu">
        <dl>
          <dd><a href="index.html" title="Accueil" id="on">Accueil</a></dd>
          <dd><a href="http://www.lgh-serveur.com/larp/forum" title="Accueil" id="off">Forum</a></dd>
          <dd><a href="staff.html" title="Accueil" id="off">Staff</a></dd>

          <dd><a href="contact.html" title="Accueil" id="off">Contact</a></dd>

        </dl>
      </div>
0
cross66 Messages postés 4 Date d'inscription mardi 4 octobre 2011 Statut Membre Dernière intervention 12 octobre 2011
12 oct. 2011 à 14:46
ah oui c'est vrai que sa n'est pas bete ;) . Mais est-ce legal?
0
coeus Messages postés 3021 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 119
Modifié par coeus le 12/10/2011 à 16:25
Comment, légal ?
Certain que ça l'est ! ;-)

Ne copie pas intégralement (quoique encore...), mais tu peux t'en inspirer. Des milliers de sites utilisent cette méthode, presque au caractère près...
0