Topic: [SOLVED] Menu with first and Last Class defined  (Read 188 times)

Pages: [1]   Go Down

#1: 24-Jan-2010, 04:55 AM

allanb
Posts: 84

I have tried to find a way to get the following menu structure into a wayfiner call but am not winning.

Code:
<ul>
<li class="first"><a href="[~2~]">Home</a></li>
<li ><a href="[~3~]">Our  <span>Vision</span></a></li>
<li class="active"><a href="[~4~]">Our <span>Mission</span></a></li>
<li><a href="[~5~]">About <span>Us</span></a></li>
<li class="last"><a href="[~6~]">Contact <span>Us</span></a></li>
</ul>
Could anyone please help

The reason for the classes is that different css is required for first and last I would also like to use active class.

Thank you all the support is out of this world. Smiley

Pleae be simple as I am new to this.

I have read PDF ebook.

Wayfinder seems one of the greatest but hardest to comprehend snippet.
« Last Edit: 27-Jan-2010, 11:10 AM by allanb »

#2: 27-Jan-2010, 11:09 AM

allanb
Posts: 84

After reading http://modxcms.com/forums/index.php/topic,41062.0.html

I found all I needed was

Code:
<div id="metaltop-gold">
[!Wayfinder? &startId=`0` &firstClass=`first`!]
</div>

id="metaltop-gold" could be any id used by css for styling menu

Last is added automatically by Wayfinder.

Hope this helps someone.
« Last Edit: 27-Jan-2010, 11:14 AM by allanb »
Pages: [1]   Go Up
0 Members and 1 Guest are viewing this topic.