Ik heb een vraag waar ik zelf niet uit kan komen.
Zie voorbeeld :
[Het gaat even alleen om het menu, de rest v het siteontwerp is niet verwerkt]
Ik heb het menu bijna klaar. Het enige is dat ik de labels in de blauwe balk wil omzetten in een Sifr of Cufon lettertype.
Nu heb ik ze beiden werkend gehad, maar met ongewenste bijwerkingen.
Sifr: kon alleen selector #primary-nav>li kiezen, dus alle menuitems werden omgezet in het lettertype en kwamen allemaal terecht in het kleine hokje van de menuparent.
Cufon: kon alleen selector 'li' selecteren, of 'span' maar dan is het niet betrouwbaar, want dan worden namelijk ALLE tags omgezet, wat tot lange laadtijden en ongewenste omzettingen kan leiden.
Nu denk ik dat ik Sifr wel werkend kan krijgen, maar dan moet ik in de menutemplate (ik gebruik CSSmenu.tpl) er voor zorgen dat alle first-level items een ID-tag krijgen, bijvoorbeeld , zodat ik deze eruit kan filteren met Sifr.
Nu is het zo dat ik dat menubestand niet kan bewerken. Ik heb verschillende dingen geprobeerd, maar ik ben bang dat mijn kennis te kort schiet om dat voor elkaar te krijgen.
Weet iemand van jullie hoe ik de first-level menu items een tag kan geven zodat ik alleen die vervang met Sifr?
Of heeft iemand een andere oplossing?
Alvast heel erg bedankt!!
Koen
--------CSSmenu.tpl--------------
Code: Select all
{* CSS classes used in this template:
#menuwrapper - The id for the <div> that the menu is wrapped in. Sets the width, background etc. for the menu.
#primary-nav - The id for the <ul>
.menuparent - The class for each <li> that has children.
.menuactive - The class for each <li> that is active or is a parent (on any level) of a child that is active. *}
{if $count > 0}
<div id="menuwrapper">
<ul id="primary-nav">
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string='<ul class="unli">' 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" {elseif $node->current == true}
<li class="menuactive">
<a class="menuactive" {elseif $node->haschildren == true}
<li class="menuparent">
<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}
{if $node->type != 'sectionheader' and $node->type != 'separator'}
{if $node->target}target="{$node->target}" {/if}
href="{$node->url}"><span>{$node->menutext}</span></a>
{elseif $node->type == 'sectionheader'}
><span class="sectionheader">{$node->menutext}</span></a>
{/if}
{/foreach}
{repeat string='</li></ul>' times=$node->depth-1}
</li>
</ul>
<div class="clearb"></div>
</div>
{/if}