Menu déroulant
cyrild89 Membre non connecté
-
Booster Fuzil
- Voir le profil du membre cyrild89
- Inscrit le : 21/12/2008
Voila j'aimerai que mes boutons du menu garde la position hover quand je suis dans leur sous-menu.
Voici mon css:
/*Menu dynamique des liens
--------------------------------------*/
/* Lien du menu */
.menu_deroulant h5 {
color:#FFFFFF;
border-right:1px solid #FFFFFF;
text-align:center;
line-height:35px;
Height:35px;
width:176px;
font-weight:bold;
font-size:12px;
}
.menu_deroulant h5:hover {
color:#FFFFFF;
background:url(images/menu_deroulant_hover.png);
cursor:pointer;
}
.menu_deroulant li li.h5:hover {
color:#FFFFFF;
background:url(images/menu_deroulant_hover.png);
cursor:pointer;
}
/* Case du menu */
.menu_deroulant li ul {
border:3px solid #112761;
background:url(images/bgmenu.png);
visibility:hidden;
position:absolute;
padding-top:6px;
padding-bottom:6px;
-moz-border-radius:7px;
-khtml-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}
.menu_deroulant li li {
clear:both;
display:block;
width:auto;
}
.menu_deroulant li li a {
color:#FFFFFF;
opacity: 0.8;
font-size:11px;
text-decoration:none;
padding-left:25px;
width:185px;
display:block;
white-space:nowrap;
margin:auto;
padding-top:7px;
padding-bottom:7px;
}
.menu_deroulant li li a:hover {
background-color:#FFFFFF;
color:#24AC4B;
padding-top:7px;
padding-bottom:7px;
cursor:pointer;
}
.menu_deroulant {
position:relative;
z-index:100;
}
.menu_deroulant ul {
margin:0;
padding:0;
border:none;
font-weight:bold;
list-style:none;
}
--------------------------------------*/
/* Lien du menu */
.menu_deroulant h5 {
color:#FFFFFF;
border-right:1px solid #FFFFFF;
text-align:center;
line-height:35px;
Height:35px;
width:176px;
font-weight:bold;
font-size:12px;
}
.menu_deroulant h5:hover {
color:#FFFFFF;
background:url(images/menu_deroulant_hover.png);
cursor:pointer;
}
.menu_deroulant li li.h5:hover {
color:#FFFFFF;
background:url(images/menu_deroulant_hover.png);
cursor:pointer;
}
/* Case du menu */
.menu_deroulant li ul {
border:3px solid #112761;
background:url(images/bgmenu.png);
visibility:hidden;
position:absolute;
padding-top:6px;
padding-bottom:6px;
-moz-border-radius:7px;
-khtml-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}
.menu_deroulant li li {
clear:both;
display:block;
width:auto;
}
.menu_deroulant li li a {
color:#FFFFFF;
opacity: 0.8;
font-size:11px;
text-decoration:none;
padding-left:25px;
width:185px;
display:block;
white-space:nowrap;
margin:auto;
padding-top:7px;
padding-bottom:7px;
}
.menu_deroulant li li a:hover {
background-color:#FFFFFF;
color:#24AC4B;
padding-top:7px;
padding-bottom:7px;
cursor:pointer;
}
.menu_deroulant {
position:relative;
z-index:100;
}
.menu_deroulant ul {
margin:0;
padding:0;
border:none;
font-weight:bold;
list-style:none;
}
Édité par cyrild89 Le 05/09/2009 à 00h48
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
cyrild89 Membre non connecté
-
Booster Fuzil
- Voir le profil du membre cyrild89
- Inscrit le : 21/12/2008
Je voudrait que mon bouton index reste en hover c'est à dire bleu la il est position normal vert!
Sinon j'ai un souci si je crée un autre bouton il se met pas à droite met en dessous du bouton index comment faire?
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
cyrild89 Membre non connecté
-
Booster Fuzil
- Voir le profil du membre cyrild89
- Inscrit le : 21/12/2008
Ce que j'ai mis dans le header.tpl c'est le code du premier bouton du menu admin.
Ensuite j'ai crée une class exprès pour ce menu pour pas que j'ai une influence sur le menu admin.
Cette class est contenue dans un css dédié au menu.
Édité par cyrild89 Le 05/09/2009 à 02h05
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie