MyBB Community Forums

Hi there I am having problems with the menu active CSS.

What I mean is I can get the hover to work (When I hover over a menu item it changes image.) but I cant get it to stay like that once selected. Like mybb.com's menu.


Pic of the menu hover:


I want it to stay like that once selected.

My menu CSS:

.menu ul {
        color: #ccccce;
	font-weight: bold;
	text-align: right;
	padding: 7px;
}

.menu ul a:link {
        Background: url(images/vividbb/thead_bg.png) top left repeat-x;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-top: 1px solid #000;
	color: #fff;
	text-decoration: none;
        padding: 7px;
}

.menu ul a:visited{
        background: Background: #000 url(images/vividbb/thead_bg.png) top left repeat-x;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-top: 1px solid #000;
	color: #fff;
	text-decoration: none;
        padding: 7px;
}

.menu ul a:active, .menu ul a:hover{
        background: #000 url(images/vividbb/panelbg.png) top left repeat-x;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-top: 1px solid #000;
        
	color: #fff;
	text-decoration: none;
        padding: 9px;
}

Anyhelp is appreciated.

Site URL?

(2011-11-01, 03:12 PM)Everett777 Wrote: [ -> ]Site URL?

No URL available, Im trying to make a theme in localhost.

You would need a dynamic CSS stylesheet, or a special stylesheet for each page.

Maybe this plugin can help you:
http://mybbhacks.zingaburga.com/showthread.php?tid=901

Take a look at these tutorials, pretty sure they're what you're after:
http://css-tricks.com/265-id-your-body-f...ecificity/
http://www.sohtanaka.com/web-design/acti...vigations/