Menu problem with different colored / styled divs
Posted: Tue Oct 19, 2010 3:36 pm
I'm trying to build menu like this:
This might need four different menus like menu_green, menu_lblue, menu_orange and menu_dblue. This is the code I've started with:
So with menu_green, other are inactive and so on. But I really don't know how to continue from this. If someone could give a little hint, I would be really happy.
Code: Select all
<div class="menu_green">
<ul>
<li><a href="#">Parent1</a>
<ul>
<li><a href="#">Child1</a></li>
<li><a href="#">Child2</a></li>
<li><a href="#">Child3</a></li>
<li><a href="#">Child4</a></li>
</ul>
</li>
</ul>
</div>
<div class="menu_lblue_inactive">
<ul>
<li><a href="#">Parent2</a>
<ul>
<li><a href="#">Child1</a></li>
<li><a href="#">Child2</a></li>
<li><a href="#">Child3</a></li>
<li><a href="#">Child4</a></li>
</ul>
</li>
</ul>
</div>
<div class="menu_orange_inactive">
<ul>
<li><a href="#">Parent3</a>
<ul>
<li><a href="#">Child1</a></li>
<li><a href="#">Child2</a></li>
<li><a href="#">Child3</a></li>
<li><a href="#">Child4</a></li>
</ul>
</li>
</ul>
</div>
<div class="menu_dblue_inactive">
<ul>
<li><a href="#">Parent4</a>
<ul>
<li><a href="#">Child1</a></li>
<li><a href="#">Child2</a></li>
<li><a href="#">Child3</a></li>
<li><a href="#">Child4</a></li>
</ul>
</li>
</ul>
</div>
Code: Select all
{if $count > 0}
{foreach from=$nodelist item=node}
{if $node->alias == 'green'}
<div class="menu_green">
{/if}
{if $node->alias == 'lblue'}
<div class="menu_lblue_inactive">
{/if}
{if $node->alias == 'orange'}
<div class="menu_orange_inactive">
{/if}
{if $node->alias == 'dblue'}
<div class="menu_dblue_inactive">
{/if}
{/foreach}
{/if}