Comment personaliser les balises li du menu ?
12 years 7 months ago #2008
by Vinyl
Comment personaliser les balises li du menu ? was created by Vinyl
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.
Please Log in or Create an account to join the conversation.
12 years 7 months ago #2013
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Re: Comment personaliser les balises li du menu ?
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
The following user(s) said Thank You: Vinyl
Please Log in or Create an account to join the conversation.
12 years 7 months ago #2018
by Vinyl
Replied by Vinyl on topic Re: Comment personaliser les balises li du menu ?
Merci pour ta réponse super rapide.
Je vais essayer.
Je vais essayer.
Please Log in or Create an account to join the conversation.
12 years 7 months ago - 12 years 7 months ago #2054
by Vinyl
Replied by Vinyl on topic Re: Comment personaliser les balises li du menu ?
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 7 months ago by Vinyl.
Please Log in or Create an account to join the conversation.
12 years 7 months ago #2056
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Re: Comment personaliser les balises li du menu ?
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
The following user(s) said Thank You: Vinyl
Please Log in or Create an account to join the conversation.
12 years 7 months ago #2062
by Vinyl
Replied by Vinyl on topic Re: Comment personaliser les balises li du menu ?
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 !
Please Log in or Create an account to join the conversation.
Time to create page: 0.207 seconds