here you go guys, this will work for you:
#MenuForum {
float: left;
width:100%;
margin: 0;
padding: 0;
list-style: none;
font-size: 82%;
border-top: 1px solid #A6A6A6;
border-bottom: 3px solid #dc8e00;
background: #6a6a6a url(nav-bg-green.gif) repeat-x top left;
}
#MenuForum li {
float: left;
margin: 0;
padding: 0 1px 0 0;
list-style: none;
background: url(nav-li-bg.gif) no-repeat top right;
}
#MenuForum a {
float: left;
padding: 7px 13px;
text-decoration: none;
border-bottom: none;
color: #935f00;
}
#MenuForum a:hover, #MenuForum a.active {
color: #935f00;
background: #FFA500;
}
#MenuForum a.active {
font-weight: bold;
background: #538620 url(nav-on-bg.gif) repeat-x bottom left;
}
li#t-home a {
margin-left: 25px;
background: url(nav-li-bg.gif) no-repeat top left;
}
.TabOn {
font-weight:bold;
}
It's an adapation of the method Dan Chisholm uses on simplebits.com, that i've been using on a few sites. Check simplebits.com or www.classic-yacht-charters.com if you want a preview. Mail me if you need the images but you can get them from either of the two sites i mention. I've tested this on one of my installations of vanilla and they work just fine. Just paste them in replacing the existing classes and kill off all of the tabon / tab off stuff.
Comments