[Résolu] Blocktopmenu une couleur par catégorie

[Linaewen]

Bonjour,

 

Je viens de passer sur la modification de mon menu horizontal et je souhaiterais pouvoir afficher une couleur de fond différente pour chacune des catégories et idem pour les sous-catégories.

 

Comme sur cette démo :

http://www.templatemonster.com/demo/40992.html

 

Seulement cela fait plusieurs heures que je cherche sur le forum et que je ne trouve pas. J'avais trouvé un post qui semblait similaire à ma recherche, mais malheureusement je n'ai rien pu y décrypter car certains posts ont été effacé ce qui rend la discution incompréhensible.

 

Voilà je me tourne donc vers vous

 

Merci d'avance ;-)

Edited February 3, 2014 by Linaewen (see edit history)

[CodeShaker]

Bonjour,

 

Si je puis vous donner une piste.

Les pièces de vente (PDF) utilisent ceci pour appliquer le background de chaque ligne :

                {cycle values='#FFF,#DDD' assign=bgcolor}
                <tr style="line-height:6px;background-color:{$bgcolor};">

[Linaewen]

Bonsoir, je vous remercie pour votre réponse.

Cependant je ne m'y connais pas très bien en code. Quel fichier dois-je modifier?

[Linaewen]

un petit up

[CodeShaker]

Si vous nous n'êtes pas bien habitué au langages WEB cela risque d'être assez périlleux pour vous.

Mais je pense qu'en faisant une recherche sur le forum/net avec :

"menu avec couleur", "menu cycle couleur", "tableau cycle couleur fond" et du côté du forum des modules gratuits.

Comme cela je pense vous serez en mesure de trouver une solution prête à l'emploi.

[Linaewen]

Bonjour,

 

Entre deux/trois autres recherches, je suis enfin tombée sur ce que je pense être la solution à mon problème.

 

J'ai rajouté simplement quelques codes dans le fichier superfish-modified.css qui se trouve dans modules/blocktopmenu/css

 

Voici les codes, tout bête :

.sf-menu li:first-child {background: yellow;}
.sf-menu li:nth-child(3) {background: blue;}

Bon les couleurs sont des couleurs tests, mais en tout cas ça fonctionne parfaitement chez moi. Par contre si ça ne fonctionne pas chez vous, ça serait cool d'avoir des retours.

 

Voici le lien qui m'a mise sur la piste :

 

http://www.marevueweb.com/css-html/liste-nth-child-propriete/

 

Voilà, en tout cas bonne continuation à vous

Edited February 3, 2014 by Linaewen (see edit history)

[CodeShaker]

En effet bien vu !

 

Je prends note, et je pense que c'est une solution fiable.