Page 1 of 1

[OPGELOST]menu verschillende ID of CLASS

Posted: Sat Dec 25, 2010 9:02 pm
by Gangstah
Beste gebruikers,

Nou mijn vraag is heel simpel.

Ik moet een menutje maken. Alleen de menu-items (dus de tjes) worden opgemaakt in een plaatje. Maar per menu item word het een andere afbeelding.

Dus nu is mijn vraag.. hoe kan ik aangeven dat je per menu item een andere ID of CLASS aangeven? bijvoorbeeld zo:

Code: Select all

		<div id="menu">
			<ul>
					<li><a id="menu1" href="#"><span>Over</span></a></li>
					<li><a id="menu2"  href="#"><span>Wat doet</span></a></li>
					<li><a id="menu3" href="#"><span>Waar vind</span></a></li>
			</ul>
		</div> 

Alvast bedankt!


EDIT:

Misschien handig welke menu structuur ik gebruik!

Code: Select all

{* CSS classes used in this template:
.currentpage - The active/current page
.bullet_sectionheader - To style section header
hr.separator - To style the ruler for the separator *} 
{if $count > 0}
<ul class="clearfix">
{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->current == true}
<li><a href="{$node->url}" class="currentpage"{if $node->target ne ""} target="{$node->target}"{/if}> <span>{$node->menutext}</span> </a>

{elseif $node->parent == true && $node->depth == 1 and $node->type != 'sectionheader' and $node->type != 'separator'}
<li class="activeparent"> <a href="{$node->url}" class="activeparent"{if $node->target ne ""} target="{$node->target}"{/if}> <span>{$node->menutext}</span></a>

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

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

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

{/if}

{/foreach}

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

Re: menu verschillende ID of CLASS

Posted: Sat Dec 25, 2010 10:15 pm
by Dr.CSS

Re: menu verschillende ID of CLASS

Posted: Sun Dec 26, 2010 11:11 am
by Gangstah
dankjewel!