Menu. Need help!
Posted: Wed Nov 06, 2013 4:49 pm
Listen, guys, does anyone know how to add in menu template additional tags <span class='right'><span class='tail'> for child menu items and class="last-item" for last items?
Before me there is a task to make here such structure:
Before me there is a task to make here such structure:
Code: Select all
<ul class="sf-menu">
<li class="current"><a href="">Menu Item 1 (default current)</a></li>
<li><a href="">Menu Item 2 (section header)</a>
<ul>
<li><a href=""><span class="right"><span class="tail">SubMenu Item 1</span></span></a></li>
<li><a href=""><span class="right"><span class="tail">SubMenu Item 2 (section header)</span></span></a>
<ul>
<li><a href=""><span class="right"><span class="tail">SubSubMenu Item 1</span></span></a></li>
<li><a href=""><span class="right"><span class="tail">SubSubMenu Item 2</span></span></a></li>
<li class="last-item"><a href=""><span class="right"><span class="tail">SubSubMenu Item 3 (last-item)</span></span></a></li>
</ul>
</li>
<li class="last-item"><a href=""><span class="right"><span class="tail">SubMenu Item 3</span></span></a></li>
</ul>
</li>
<li><a href="">Menu Item 3</a></li>
<li><a href="">Menu Item 4</a></li>
<li class="last-item"><a href="">Menu Item 5</a></li>
</ul>