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
- Menu déroulant excel - Guide
- Tableau croisé dynamique - 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>
