Indicating an "active" page using phplayers and css

[ritalcnyc]

see my page at http://www.crisafidesign.com/dayo/index.php

I want to change this page (and the others) so that the menu item  i am on is highlighted, in this case the code below would be restyled...(usually with my own style sheets i can put a style "override" in the head tags, i.e;

Code: Select all

<style>
div#refL1{color:#fff;font-weight:bold;}
</style>

.)

what i find in the generated page is this:

Code: Select all

<div id="refL1" class="item">
<a href="http://www.crisafidesign.com/dayo/index.php?page=cms-install-successful-" onmouseover="shutdown();"><img
align="top" src="http://www.crisafidesign.com/dayo/modules/PHPLayers/phplayers/menuimages/transparent.png" width="1" height="16" border="0"
alt="" />About      </a>

</div>

what would i like to do to is make the menu item "About" (div id="refL1" class="item") have the following attributes: color:#fff;font-weight:bold;  when you are on this page.

How would i achieve this????

[ritalcnyc]

Instead of using phplayers, i used {bulletmenu} and made a style li.currentpage{color:#fff;font-weight:bold;} and it works!

see: http://www.crisafidesign.com/dayo/

(Warning, now I'm trying to figure out how to style submenus, so it might look at little strange.}

[ysf]

Instead of using phplayers, i used {bulletmenu} and made a style li.currentpage{color:#fff;font-weight:bold;} and it works!

see: http://www.crisafidesign.com/dayo/

(Warning, now I'm trying to figure out how to style submenus, so it might look at little strange.}

in which file did u applied the class currentpage...

[ritalcnyc]

i attached another style sheet to my template called "menu" in that stylesheet i put the following code:

Code: Select all

	#contentleft ul{list-style:none;
	margin:0;
	padding:0;
	}
	
	#contentleft li{
	font-size:17px;
	padding:0 0 20px 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: normal;
}
#contentleft li a.currentpage{color:#fff;font-weight:bold;}

#contentleft a:link, a:visited{		color:#ffdd00;
		font-weight:bold;
		text-decoration:none;}

#contentleft a:hover{		color:#FF9900;
		font-weight:bold;
		text-decoration:none;}

I wrapped the {bulletmenu} command in the code in my template

[ysf]

thanx....