Page 1 of 1

Help me figure out that {foreach} tag in menu manager please

Posted: Fri May 02, 2008 12:00 pm
by Fratyr
Im desperate, guys, i can't make menumanager work as i want him to.
i need to be done a menu like this one: (A GREEN ONE): http://www.fratyr.com/demo/inner3.html

This is the menu code in HTML:

Code: Select all

<div class="green_menu">	
<img alt="" src="../images/menu_li_left.png" width="4" height="21" class="left" />
<img alt="" src="../images/menu_li_right.png" width="60" height="27" class="green_right" />
<div class="reka_green"><a href="#">About</a></div>
</div>

<div class="clear"><!----></div>

<div class="green_menu">	
<img alt="" src="../images/menu_li_left.png" width="4" height="21" class="left" />
<img alt="" src="../images/menu_li_right.png" width="60" height="27" class="green_right" />
<div class="reka_green"><a href="#">The Routes Travel Advantage</a></div>
</div>
<div class="clear"><!----></div>
And so on... means, every div is 1 button. How do i build it with menumanager code?
I just don't get it actually :] and i cant find any good documentation of how to code this.

Can anyone provide me with an example of what im needed? I could learn from it i think.

Thanks.

Re: Help me figure out that {foreach} tag in menu manager please

Posted: Sat May 03, 2008 7:49 am
by Fratyr
Anybody, please?

Re: Help me figure out that {foreach} tag in menu manager please

Posted: Fri May 09, 2008 6:30 pm
by Dr.CSS
Looks like you need an image map menu, there is a tutorial in the themes page and I have some links to one in my posts, what you have is overkill for what you want to achieve...

Re: Help me figure out that {foreach} tag in menu manager please

Posted: Fri May 09, 2008 7:05 pm
by KO
One way also is to use normal menu template and give one background-image positioned right and tag another background-image which is positioned left. Similar than what is used in Sliding Doors menu found i.e. http://www.alistapart.com/articles/slidingdoors/

Simple and adding/removing menu items can be done normal way as content.

Re: Help me figure out that {foreach} tag in menu manager please

Posted: Sat May 10, 2008 1:48 am
by Dr.CSS
I used to use a similar technique but as mentioned near the bottom of the article you get a dead, non link, space on the left from making room for the image, now I put a span in the a...

Home

Since the span is in the a it leaves no spaces, I also use the same image for the left and right and make them very wide so no matter how much text is used it gets covered...