2011-07-03, 01:35 PM
i make my menu, but he not change a class to active,
example:
but it looks like
CSS
HEADER TEMPLATE
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>