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.
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

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. :)
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 :
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...)

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 :
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

Fast and powerful creation, customizable and responsive.

Read More

We have 881 guests and no members online