Crée un menu dynamique Css
cross66
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
-
coeus Messages postés 3021 Date d'inscription Statut Membre Dernière intervention -
coeus Messages postés 3021 Date d'inscription Statut Membre Dernière intervention -
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
http://www.lgh-serveur.com/larp/site/
(Le menu de haut)
Merci d'avance
A voir également:
- Crée un menu dynamique Css
- Cree un compte google - Guide
- Tableau croisé dynamique - Guide
- Comment créer un groupe whatsapp - Guide
- Menu déroulant excel - Guide
- Créer un lien pour partager des photos - Guide
2 réponses
salut
c est tres simple a faire ,
si tu ne sais pas regarde le code de leur page !
CSS du menu
HTML du menu
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>
