MyBB Community Forums

i make my menu, but he not change a class to active,
example:

but it looks like


CSS

/*************************************************/
/* NAVBAR zummanity; ripz*/

.navbar {
    position:relative;
    height:53px;
    background:#000 none   ;
    margin:10px 0px 0px 0px;
    color:rgb(255, 255, 255);
    font:  normal 11px Arial, Calibri, Verdana, Geneva, sans-serif;
    border:0px solid rgb(255, 255, 255);
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
.navbar a { color:rgb(255, 255, 255); }
.navbar a:hover { color:rgb(255, 255, 255); }

.navtabs {
    background:#271f17 url(images/newbtn_middle.png) repeat-x  ;
    padding: 0px 0px 0px 20px;
    height: 26px;
        _background-image:none;
}

.navtabs li:first-child {
    border-left: 1px solid #271f17;
}

.navtabs ul {
/*  background: #000; */
    position:absolute;
    top:26px;
    left:0px;
    width:100%;
        border-top:1px solid #271f17;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    margin-right:-80px;
/* This is to fix RTL menu issue under Opera */
    direction:ltr;
}

.navtabs li {
    float:left;
	list-style: none;
    border-right: 1px solid #271f17;
}

.navtabs ul li:first-child {
    margin-left: 20px;
    border-left: 0;
}

#navtabs .popupmenu ul li:first-child {
    margin-left: 0px;
}

.navtabs ul li {
    border-right: 0;
    position: relative;
}

.navtabs li a {
    height:26px;
    line-height:26px;
    padding:0 10px;
}

.navtabs li a.navtab {
    border-top: 0px solid #271f17;
    border-left: 0px solid #271f17;
    display:block;
    background:#271f17 url(images/newbtn_middle.png) repeat-x  ;
        _background-image:none;
    min-width:60px;
    width:auto !important;
    width:60px;
    _min-width:75px;
    _width:auto !important;
    _width:75px;
    text-align:center;
    color: #ffffff;
    font:  normal 12px Tahoma, Geneva, sans-serif;
    text-decoration:none;
    line-height:26px;
}

.navtabs li a.navtab:hover {
    background:#aaa083 url(images/selected-tab-gradient-with-top-alpha.png) repeat-x   0 -4px;
        _background-image:none;
    /*color:#695d42;*/
    color:#000000;
}

.navtabs li.active {
    height:26px;
    color:#000000;
}

.navtabs li.active a.navtab {
    color:#000000;
    background:#aaa083 url(images/selected-tab-gradient-with-top-alpha.png) repeat-x  ;
        _background-image:none;
    position:relative;
    top:-4px;
    padding-top:4px;
    z-index:10;
}

.navtabs li.active li a {
    color:rgb(255, 255, 255);
    padding:2px 5px;
	 text-decoration:none;
    font:  normal 11px Arial, Calibri, Verdana, Geneva, sans-serif;
    line-height: 26px;
}

HEADER TEMPLATE

<div id="navbar" class="menu"> 
 	<ul id="navtabs" class="navtabs"> 
		<li><a class="navtab" href="{$mybb->settings['bburl']}/portal.php">Portal</a></li>
		<li><a class="navtab" href="{$mybb->settings['bburl']}/index.php">Forum</a></li> 
		<li><a class="navtab" href="{$mybb->settings['bburl']}/newpoints.php">Banco de Coin$</a></li>
		<li><a class="navtab" href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
		<li><a class="navtab" href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
		<li><a class="navtab" href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li> 
		<li><a class="navtab" href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li> 
	</ul> 
</div> 	

forums url please..

sended via mp

thanks,
i fix.