Crée un menu dynamique Css
cross66
Messages postés
5
Statut
Membre
-
coeus Messages postés 3296 Statut Membre -
coeus Messages postés 3296 Statut Membre -
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
- Comment créer un groupe whatsapp - Guide
- Tableau croisé dynamique - Guide
- Menu déroulant excel - Guide
- Comment cree un compte gmail - 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>