[Résolu]Menu verticale avec sous menu, parent clickable

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS: ?
#~ Nom de l'hébergeur :
#~ Informations Système :
#~ Version du CMS
#~ 1.8.2
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~

Bonjour,

Je réalise un site avec un menu verticale, le sous menu descend bien sauf que je voudrais rendre actif le parent.
Le site est en travaux ici:
http://eye-eye-eye.ca/index.php

Avec ce gabarit de menu, ce n'est pas possible, pourtant il doit bien y avoir un moyen de le faire.
Je cherche, mais si quelqu'un a une idée, elle est la bienvenue
Merci

le gabarit du menu :


{* CSS classes used in this template:
.activeparent - The top level parent when a child is the active/current page
li.activeOn h3 - n is the depth/level of the node. To style the active page for each level separately. The active page is not clickable.
.clearfix - Used for the unclickable h3 to use the entire width of the li, just like the anchors. See the Tools stylesheet in the default CMSMS installation.
li.sectionheader h3 - To style section header
li.separator - To style the ruler for the separator *}

{if $count > 0}
<ul>
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}


{if $node->parent == true or ($node->current == true and $node->haschildren == true)}
<li class="menuactive menuparent"><a class="menuactive menuparent" href="{$node->url}"><span>{$node->menutext}</span></a>

{elseif $node->haschildren == true and $node->type != 'sectionheader' and $node->type != 'separator'}
<li class="parent"><a class="parent" href="{$node->url}"><span>{$node->menutext}</span></a>

{elseif $node->current == true}
<li class="currentpage"><h3><span>{$node->menutext}</span></h3>

{elseif $node->type == 'sectionheader'}
<li class="sectionheader"><span>{$node->menutext}</span>

{elseif $node->type == 'separator'}
<li class="separator" style="list-style-type: none;"> <hr />

{else}
<li><a href="{$node->url}"><span>{$node->menutext}</span></a>

{/if}

{/foreach}
{repeat string="</li></ul>" times=$node->depth-1}</li>
</ul>
{/if}
#1
Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS: ?
#~ Nom de l'hébergeur :
#~ Informations Système :
#~ Version du CMS
#~ 1.8.2
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~

Bonjour,

Je réalise un site avec un menu verticale, le sous menu descend bien sauf que je voudrais rendre actif le parent.
Le site est en travaux ici:
http://eye-eye-eye.ca/index.php

Avec ce gabarit de menu, ce n'est pas possible, pourtant il doit bien y avoir un moyen de le faire.
Je cherche, mais si quelqu'un a une idée, elle est la bienvenue
Merci

le gabarit du menu :


{* CSS classes used in this template:
.activeparent - The top level parent when a child is the active/current page
li.activeOn h3 - n is the depth/level of the node. To style the active page for each level separately. The active page is not clickable.
.clearfix - Used for the unclickable h3 to use the entire width of the li, just like the anchors. See the Tools stylesheet in the default CMSMS installation.
li.sectionheader h3 - To style section header
li.separator - To style the ruler for the separator *}

{if $count > 0}
<ul>
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}


{if $node->parent == true or ($node->current == true and $node->haschildren == true)}
<li class="menuactive menuparent"><a class="menuactive menuparent" href="{$node->url}"><span>{$node->menutext}</span></a>

{elseif $node->haschildren == true and $node->type != 'sectionheader' and $node->type != 'separator'}
<li class="parent"><a class="parent" href="{$node->url}"><span>{$node->menutext}</span></a>

{elseif $node->current == true}
<li class="currentpage"><h3><span>{$node->menutext}</span></h3>

{elseif $node->type == 'sectionheader'}
<li class="sectionheader"><span>{$node->menutext}</span>

{elseif $node->type == 'separator'}
<li class="separator" style="list-style-type: none;"> <hr />

{else}
<li><a href="{$node->url}"><span>{$node->menutext}</span></a>

{/if}

{/foreach}
{repeat string="</li></ul>" times=$node->depth-1}</li>
</ul>
{/if}
#2
Que veux-tu dire par "Je réalise un site avec un menu verticale, le sous menu descend bien sauf que je voudrais rendre actif le parent." ?
Si tu veux mettre en rouge "les fleurs de l'oeil" alors que petit cyclope est choisi, il te suffit de :
.menuparent {color:red;}
#2
Que veux-tu dire par "Je réalise un site avec un menu verticale, le sous menu descend bien sauf que je voudrais rendre actif le parent." ?
Si tu veux mettre en rouge "les fleurs de l'oeil" alors que petit cyclope est choisi, il te suffit de :
.menuparent {color:red;}
#3
Je vois, le lien n'ouvre pas la page.
Il ne s'agit pas d'un problème de gabarit de menu mais du script.

Tu as également oublié de fermer la div idpagewrapper.
#3
Je vois, le lien n'ouvre pas la page.
Il ne s'agit pas d'un problème de gabarit de menu mais du script.

Tu as également oublié de fermer la div idpagewrapper.
#4
Finalement, le site est abandonné, donc pas de menu. De toute façon, ce n'était pas pratique pour la naviguation.
Merci quand même
#4
Finalement, le site est abandonné, donc pas de menu. De toute façon, ce n'était pas pratique pour la naviguation.
Merci quand même
#5
- Ajoutez [Résolu] au début du titre de votre 1er message
J-C Etiemble v 2.2.xx
#5
- Ajoutez [Résolu] au début du titre de votre 1er message
J-C Etiemble v 2.2.xx


Atteindre :


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