Comment personaliser les balises li du menu ?
Comment personaliser les balises li du menu ? was created by Vinyl
Posted 12 years 1 month ago #2008
Hello,
Super extension !
Je cherche à personaliser les balises li du menu (avoir des couleurs différentes). Est-ce possible ?
Je m'y connais en css mais est-ce possible depuis l'admin de joomla ?
Merci.
Super extension !
Je cherche à personaliser les balises li du menu (avoir des couleurs différentes). Est-ce possible ?
Je m'y connais en css mais est-ce possible depuis l'admin de joomla ?
Merci.
by Vinyl
Please Log in or Create an account to join the conversation.
Replied by ced1870 on topic Re: Comment personaliser les balises li du menu ?
Posted 12 years 1 month ago #2013
salut
ah depuis l'admin non. Mais en css avec l'aide de firebug, tu identifies l'ID de chaque élément, comme li.itemXX et tu styles en CSS
Ced
ah depuis l'admin non. Mais en css avec l'aide de firebug, tu identifies l'ID de chaque élément, comme li.itemXX et tu styles en CSS
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: Comment personaliser les balises li du menu ?
Posted 12 years 1 month ago #2018
Merci pour ta réponse super rapide.
Je vais essayer.
Je vais essayer.
by Vinyl
Please Log in or Create an account to join the conversation.
Replied by Vinyl on topic Re: Comment personaliser les balises li du menu ?
Posted 12 years 1 month ago #2054
Merci. Ça fonctionne.
J’avais regardé avec firebugs mais je m’y prenais mal.
Je me demande :
Imaginons que mon menu est composé de 3 boutons : actualité, lien, contact. C’est le level 1
Ensuite, dans actualité par exemple, j’ai encore des menus (Élément parent : actualité), exemple : actualité sport, actualité culture, etc.
Donc je style les éléments de menu niveau 1 comme tu m’as dit :
Ensuite, j’ai un style différent pour les éléments de menu de niveau 2.
Le seul souci avec ma méthode, je suis obligé de déclarer chaque élément de menu du niveau 2 dans les CSS (114, 115, 116, 117, etc.).
Tu sais si c’est possible d’appliquer un style css à tous les sous menus sans passer par le nom de l’item ?
Merci.
J’avais regardé avec firebugs mais je m’y prenais mal.
Je me demande :
Imaginons que mon menu est composé de 3 boutons : actualité, lien, contact. C’est le level 1
Ensuite, dans actualité par exemple, j’ai encore des menus (Élément parent : actualité), exemple : actualité sport, actualité culture, etc.
Donc je style les éléments de menu niveau 1 comme tu m’as dit :
Code:
li#item-108 a.toggler.open,
li#item-108 a.toggler:hover,
li#item-108 a:focus
{
color: #ffffff !important ;
background-color:#f71c00 !important ;
}
Ensuite, j’ai un style différent pour les éléments de menu de niveau 2.
Code:
li#item-114 a, li#item-114 a:visited,
li#item-115 a, li#item-115 a:visited,
li#item-116 a, li#item-116 a:visited,
li#item-117 a, li#item-117 a:visited
{
color: #858081 !important ;
background-color:#ffffff !important ;
}
Le seul souci avec ma méthode, je suis obligé de déclarer chaque élément de menu du niveau 2 dans les CSS (114, 115, 116, 117, etc.).
Tu sais si c’est possible d’appliquer un style css à tous les sous menus sans passer par le nom de l’item ?
Merci.
Last Edit:12 years 1 month ago
by Vinyl
Last edit: 12 years 1 month ago by Vinyl.
Please Log in or Create an account to join the conversation.
Replied by ced1870 on topic Re: Comment personaliser les balises li du menu ?
Posted 12 years 1 month ago #2056
oui bien sur, tu peux utiliser le niveau, par exemple
li.level2 > a {color:red;}
(attention il faut peut etre compléter la syntaxe du genre #div ul li...)
li.level2 > a {color:red;}
(attention il faut peut etre compléter la syntaxe du genre #div ul li...)
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: Comment personaliser les balises li du menu ?
Posted 12 years 1 month ago #2062
Merci.
Ça fonctionne !
J’ai simplement fait :
etc.
Je peux avoir un style différent pour chaque sous menu. Parfait !
Ça fonctionne !
J’ai simplement fait :
Code:
li#item-134 ul.content_1 a:hover
{
/* style */
}
etc.
Je peux avoir un style différent pour chaque sous menu. Parfait !
by Vinyl
Please Log in or Create an account to join the conversation.
Time to create page: 0.704 seconds