[RÉGLÉ] couleur différente pour chaque rubrique de mon menu

[glegle]

Bonjour
je souhaiterais avec une couleur différente pour chacune des rubriques de mon menu
est ce possible ?
sur firebug je vois bien que chacune des rubriques a un nom différent
ex
<li class="item-228"><a href="/ogm_version3/index.php/ct-menu-item-27">ECOLE</a></li>
<a href="/ogm_version3/index.php/ct-menu-item-29">COLLEGE</a>

mais je ne retrouve pas la classe dans laquelle je dois changer la couleur

merci pour votre aide !
gléglé

[toffffe]

Re : couleur différente pour chaque rubrique de mon menu

Salut
Peut être qu'un lien vers ton site pourrais aider, mais la class peut être "item-228" dans l'exemple que tu donnes

[glegle]

Re : couleur différente pour chaque rubrique de mon menu

merci pour ta réponse
je travaille en local
mais je vais te donner un lien sur un autre site
c'est exactement la même configuration
le site est www.lol-oenologie.com
pour l'onglet site internet
<li class="item-148"><a href="/index.php/site-internet">Site internet</a></li>
pour l'onglet webmarketing

<li class="item-150"><a href="/index.php/webmarketing">Webmarketing</a></li>

je ne retrouve pas dans template.css de class nommée item-50
tu peux m'aider ?
merci
gléglé

[PieceOfCake]

Re : couleur différente pour chaque rubrique de mon menu

Bonjour,

je pense que le nom de classe est générée à la volée (dieu seul sait pourquoi), il faudrait regarder dans le ficheir index.php du template.

A propos de template, on peut connaître celui que tu utilises ?

[lefabdu51]

Re : couleur différente pour chaque rubrique de mon menu

utilise la classe item-[id de l'item]
pour ce selecteur:
<li class="item-148">

ajoutes en fin de ton fichier css :
.item-148 {background: red;}

pour ce sélécteur:
<li class="item-148">


ajoutes en fin de ton fichier css :
.item-150 {background: blue;}

chaque element li a sa classe spécifique.

Tu doit créer une classe par élément...

@pieceofcake:

Les classe sont générées à la volée car elle depende de l'id de l'élément . Cela permet de créer une classe par élément, donc de personnaliser chaque element de menu indépendament des uns des autres.... si tu as une classe unique, comment faire?
C'est pour ca que tu ne les trouves pas dans les fichiers css. Tu peut avoir un id de 250 pour le second élément.
Donc impossible àgérer autrement qu en les créant manuellement.

[manu93fr]

Re : couleur différente pour chaque rubrique de mon menu

A propos de template, on peut connaître celui que tu utilises ?

Je dirai du perso ...

[PieceOfCake]

Re : couleur différente pour chaque rubrique de mon menu

@pieceofcake:

Les classe sont générées à la volée car elle depende de l'id de l'élément . Cela permet de créer une classe par élément, donc de personnaliser chaque element de menu indépendament des uns des autres.... si tu as une classe unique, comment faire?
C'est pour ca que tu ne les trouves pas dans les fichiers css. Tu peut avoir un id de 250 pour le second élément.

Je ne conteste pas, je dis que c'est lourd à traîner et que l'idéal soit quand même que ce soit pris en charge dans le template, bien sûr que pour personnaliser dans le détail il faut beaucoup de classes. La c'est juste galère, tu rajoutes un menu, il faut : rajouter une classe, tu modifies un menu, tu le supprimes, le re crées etc à chaque fois ce sont des tas de manipulation.
Bon d'un autre côté barioler les menus .... ?

[glegle]

Re : couleur différente pour chaque rubrique de mon menu

Bonjour
je reviens sur ce problème
Au niveau de mon menu horizontal je souhaite changer la couleur chaque fois que je passe la souris sur une rubrique (une couleur par rubrique)

Au niveau de la rubrique tarif par exemple: je souhaite que cela soit noir et non orange quand on passe la souris au dessus
J'ai suivi vos conseils: dans le css j'ai rajouter une ligne

.item-109
{background: #000000;}

mais cela ne marche pas
Vous avez des idées ?
merci pour votre aide
gléglé

- - - Mise à jour - - -

j'ai oublié de vous donner le lien sur le site
http://www.souriezvouscuisinez.fr

merci !

[lefabdu51]

Re : couleur différente pour chaque rubrique de mon menu

essaye ul.art-hmenu > li.item-109 > a:hover, .desktop ul.art-hmenu > li.item-109:hover > a {background : #CCC;}
Perdu c est un template artistruc...

A faire pour chaque lien.
Pour differencirer les liens deja visités, remplacé hover par visited

[electrocity]

Re : couleur différente pour chaque rubrique de mon menu

Dans le menu il est possible d'ajouter 2 classes dans les paramêtres

Paramètres du type de liens
Style CSS du lien : 'LACLASSDULIEN'

et
Paramètres d'affichage de la page

Classe de page: 'LACLASSDELAPAGE'

Il est possible, de modifier le layout de mod_module (avec un overide par exemple) de prendre la LACLASSDULIEN et de l'affecter au li parent dans le cas présent.

On peut aussi ajouter LACLASSDELAPAGE de cette façon :

$app = JFactory::getApplication();
  $menu = $app->getMenu()->getActive();
  $pageclass = '';
 
  if (is_object($menu))
    $pageclass = $menu->params->get('pageclass_sfx'); 

$pageclass contient LACLASSDELAPAGE ci-dessus. Que l'on pourra affecter au body ou pourquoi pas au menu mais cela dépend du template et des overides, rien d'automatique.

[glegle]

Re : couleur différente pour chaque rubrique de mon menu

rebonjour
je vous remercie pour votre reponse
j'ai une autre question
comment fait-on pour avoir des onglets personnalisés pour la barre de menu ?
voici en image ce que je souhaiterai

des idées ?
merci par avance
gléglé

[glegle]

Re : couleur différente pour chaque rubrique de mon menu

j'ai trouvé la réponse à cette question
en fait c'est un menu rollover
merci encore pour votre aide
glegle