background image active link without menumanager

General project discussion. NOT for help questions.
Post Reply
lepoticum

background image active link without menumanager

Post by lepoticum »

My navigation in my site is set us using a 'global content block'. it is composed of only background images which flips to a different image when hovered on. my problem is i dont know how to set an active link for these background image as im not using the 'menumanager' at all as there is no  .menuactive

hope that made sense. am i being stupid and there is a really simple way around this?
cyberman

Re: background image active link without menumanager

Post by cyberman »

Have no idea in moment. But why do you wount use MenuManager?

Please look here

http://themes.cmsmadesimple.org/Image_menu.html

There you will found a tutorial for an image menu like you want ;).
lepoticum

Re: background image active link without menumanager

Post by lepoticum »

thats perfect! thanks a mill, didnt see that before!

im being really stupid but where does id}"> go, for example, in the cssmenu.tpl

sorry i have to be spoon fed today...
lepoticum

Re: background image active link without menumanager

Post by lepoticum »

cool, figured it out thanks anyway!
heres the menumanager template for cssmenu.tpl for anyone else whos stuck:

Code: Select all

{if $count > 0}
<div id="menuwrapper">
<ul id="primary-nav">
{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="i{$node->id}menuactive menuparent"><a class="menuactive menuparent" 
{elseif $node->current == true}
	<li class="i{$node->id}menuactive"><a class="menuactive" 
{elseif $node->haschildren == true}
	<li class="i{$node->id}"><a class="menuparent" 
{elseif $node->type == 'sectionheader'}
        <li class="i{$node->id}sectionheader"><span> {$node->menutext} </span>
{elseif $node->type == 'separator'}
        <li style="i{$node->id}list-style-type: none;"> <hr class="separator" />
{else}
	<li class="i{$node->id}"><a 
{/if}
{if $node->type != 'sectionheader' and $node->type != 'separator'}
href="{$node->url}" {if $node->accesskey != ''}accesskey="{$node->accesskey}" {/if}{if $node->tabindex != ''}tabindex="{$node->tabindex}" {/if}{if $node->titleattribute != ''}title="{$node->titleattribute}"{/if}{if $node->target ne ""} target="{$node->target}"{/if}><dfn>{$node->hierarchy}: </dfn>{$node->menutext}</a>
{elseif $node->type == 'sectionheader'}
><dfn>{$node->hierarchy}: </dfn>{$node->menutext}</a>
{/if}

{/foreach}

	{repeat string="</li></ul>" times=$node->depth-1}		</li>
	</ul>
<div class="clearb"></div>
</div>
{/if}

Post Reply

Return to “General Discussion”