Style menu simple (sans effet accordeon)
Hello,
Au sujet des styles de menu :
Si je clique sur mon menu level1, il s’ouvre et laisse apparaitre un sous menu.
Ce menu level 1 garde une couleur de fond quand il a été cliqué.
Je gère ça avec css :
En revanche, quand un des mes menus n’a pas de sous menu, je n’arrive pas à garder la couleur de fond si il a été cliqué.
Est-ce possible ? Pas certain que ce soit simple car dans ce cas, un clic sur le menu n’ouvre pas un sous menu mais charge une nouvelle page.
Il faudrait que ce menu puisse savoir dans quelle catégorie ou page on se trouve.
Au sujet des styles de menu :
Si je clique sur mon menu level1, il s’ouvre et laisse apparaitre un sous menu.
Ce menu level 1 garde une couleur de fond quand il a été cliqué.
Je gère ça avec css :
Code:
li#item-107 a.toggler.open,
li#item-107 a.toggler:hover
{
color: #ffffff !important ;
background-color:#ff9801 !important ;
}
En revanche, quand un des mes menus n’a pas de sous menu, je n’arrive pas à garder la couleur de fond si il a été cliqué.
Est-ce possible ? Pas certain que ce soit simple car dans ce cas, un clic sur le menu n’ouvre pas un sous menu mais charge une nouvelle page.
Il faudrait que ce menu puisse savoir dans quelle catégorie ou page on se trouve.
by Vinyl
Please Log in or Create an account to join the conversation.
Replied by ced1870 on topic Re: Style menu simple (sans effet accordeon)
Posted 12 years 1 month ago #2065
salut
tu cherches peut etre à styler les éléments actifs ?
li.active { style }
utilises firebug pour t'aider à trouver les classes des éléments
Ced
tu cherches peut etre à styler les éléments actifs ?
li.active { style }
utilises firebug pour t'aider à trouver les classes des éléments
Ced
Joomlack Webmaster and Developer
by ced1870
The following user(s) said Thank You: Vinyl
Please Log in or Create an account to join the conversation.
Replied by Vinyl on topic Re: Style menu simple (sans effet accordeon)
Posted 12 years 1 month ago #2075
Merci.
Effectivement, je peux utiliser la classe :
Effectivement, je peux utiliser la classe :
Code:
.isactive
by Vinyl
Please Log in or Create an account to join the conversation.
Time to create page: 0.659 seconds