Comment personaliser les balises li du menu ?

More
12 years 7 months 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
12 years 7 months 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
12 years 7 months 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
12 years 7 months ago - 12 years 7 months 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: 12 years 7 months ago by Vinyl.

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

More
12 years 7 months 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
12 years 7 months 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.215 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 714 guests and one member online