Comment personaliser les balises li du menu ?

More
13 years 1 month ago #2008 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.

Please Log in or Create an account to join the conversation.

More
13 years 1 month ago #2013 by ced1870
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
The following user(s) said Thank You: Vinyl

Please Log in or Create an account to join the conversation.

More
13 years 1 month ago #2018 by Vinyl
Merci pour ta réponse super rapide.

Je vais essayer. :)

Please Log in or Create an account to join the conversation.

More
13 years 1 month ago - 13 years 1 month ago #2054 by Vinyl
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: 13 years 1 month ago by Vinyl.

Please Log in or Create an account to join the conversation.

More
13 years 1 month ago #2056 by ced1870
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
The following user(s) said Thank You: Vinyl

Please Log in or Create an account to join the conversation.

More
13 years 1 month ago #2062 by Vinyl
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 !

Please Log in or Create an account to join the conversation.

Time to create page: 0.229 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1457 guests and no members online