Sujet fermé
Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

Définir une classe supplémentaire dans votre navigation (menu)
#1

En réponse à une demande postée sur le forum .org

Ceci pourrait être utile si vous souhaitez appliquer des propriétés css dans la navigation.
Exemple pour un menu avec une couleur différente pour chaque onglet : [Image: pre_maquette_1.png]

Allez dans le gabarit de votre menu, ici : cssmenu_ulshadow.tpl
Code :
...
{elseif $node->index > 0}</li>
{/if}
// Ajoutez cette ligne
{if $node->depth==1 and $node->haschildren == false}<li class="menu{$node->hierarchy}"><a
// et modifiez le if suivant par elseif
{elseif $node->parent == true or ($node->current == true and $node->haschildren == true)}
//Ajoutez menu{$node->hierarchy} dans la classe
<li class="menuactive menuparent menu{$node->hierarchy}">
<a class="menuactive menuparent" {elseif $node->current == true}
<li class="menuactive">
<a class="menuactive" {elseif $node->haschildren == true}
//idem et c'est fini
<li class="menuparent menu{$node->hierarchy}">
<a class="menuparent" {elseif $node->type == 'sectionheader' and $node->haschildren == true}
<li class="sectionheader"><span class="sectionheader">{$node->menutext}</span> {elseif $node->type == 'separator'}
<li style="list-style-type: none;"> <hr class="menu_separator" />
{else}
<li>
<a {/if}
...
Et voilà, tous les <li> de niveau 1 ont maintenant une classe supplémentaire pour vous permettre de modifier leur couleur ou toute autre propriété via la feuille de styles.
.menu1 {color:black;}
.menu2 {color:yellow;}
etc.
ATTENTION, n'oubliez pas de laisser une espace après chaque "<a", sinon vos liens seront
interprétés ainsi : <ahref au lieu de <a href.
Have fun Smile
Sujet fermé


Messages dans ce sujet

Atteindre :


Utilisateur(s) parcourant ce sujet : 2 visiteur(s)