Drupal 7 Multicolor Menu

Question

Je veux avoir un menu horizontal, par ex. 4 boutons/liens dans 4 couleurs différentes avec leurs frères et sœurs respectifs de la même couleur: par ex. 1er menu en ROUGE et avec ses frères et soeurs en rouge, 2ème en VERT et frères et sœurs en vert, 3ème en frères et sœurs noirs et noirs et 4ème en frères et sœurs jaunes et jaunes. le menu de niveau parent sera de largeur fixe. Les 2èmes niveaux peuvent différer .. permettant des sauts de ligne/emballage automatique etc.

une suggestion sur le menu multicolor, s'il vous plaît?

Merci

par exemple. img http://www.cssmenusamples.com/wp-content/uploads/2010/03/wakestock.jpg

Answer 1

Si vos menus parents ont des identifiants ou des classes uniques, vous pouvez le faire avec css (example).

Si votre thème/module n'imprime pas d'identifiants/classes uniques, vous pouvez les ajouter avec la fonction theme_menu_link ou avec le module menu_attributes.

Answer 2

Vous pouvez utiliser du CSS conditionnel.

li a {bordure: 5px solide #FFFFFF; }

li: premier enfant a {background-color: # 000000; }

li: premier-enfant + li> a {background-color: # 0000FF; }

li: premier-enfant + li + li> a {background-color: # 00FFFF; }

li: premier-enfant + li + li + li> a {background-color: # 00FF00; }

Changez les codes de couleur que vous aimez .. Espérons que cela vous sera utile.