PDA

View Full Version : Modifing style of popit menu



maverick
03-15-2006, 12:24 AM
Hi,

I found a cool little code on this site and I was wondering if someone could help me find out how to modify the colours of this pop up menu:

http://dynamicdrive.com/dynamicindex1/popit.htm

As you can see the bg is white and the highlight is a light green I would like the bg to be black and the text white with a #003196 colour highlight.

Does anybody know how to do this? thanks in advance

kind regards

Maverick

jscheuer1
03-15-2006, 06:38 AM
That is all set here, using ordinary css style (I've added css comments to indicate what does what) slightly modified from the demo:

<style type="text/css">


#popitmenu{
position: absolute;
background-color: white; /*background for menu*/
border:1px solid black;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black; /*color for text*/
display: block;
}

#popitmenu a:hover{
background-color: #CCFF9D; /*hover background color*/
color:blue; /*hover text color*/
}

If you want the hover color of the text to be different than the normal color for text, use the red property/value pair to set that. If you don't want the text color to change, don't use that line (remove it).