WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: JonH on March 29, 2010, 02:36:04 PM

Title: Active menu tab with rounded corners
Post by: JonH on March 29, 2010, 02:36:04 PM
I need help getting rounded corners to my active pages.

menu:
Code: [Select]
<?php show_menu(111); ?>
css:
Code: [Select]
#body #menu ul li a.menu_current{
color:#000;
background: url(../images/menu_left.gif) no-repeat left bottom;
margin-top: 0;
background: #fff;
padding-right: 10px;
}

#body #menu ul li a.menu_current span {
background-image:url(../images/menu_right.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

How do I get the <span> into the menu? I found a template with rounded tabs. It uses this menu code:
Code: [Select]
<?php show_menu(1,0,1,true,&#39;<li [class]>[a][menu_title][/a]</li>&#39;,&#39;&#39;,&#39;&#39;,&#39;&#39;,&#39;&#39;,&#39;class="current"&#39;); ?> but I don't know how to use it as the template is very old.
Title: Re: Active menu tab with rounded corners
Post by: applepie on April 17, 2010, 09:42:11 AM
Have you look at other CSS templates with rounded corner?
Title: Re: Active menu tab with rounded corners
Post by: JonH on April 20, 2010, 02:46:05 PM
Yes, the one mentioned above.