Sidebar Menu Rollover Arrow Color

[jdadwilson]

I have searched the forums but cannot find an answer for this question...

How do I make the color of the arrow change on roll-over? I want it normally visible in red but on roll-over I change the background to a dark blue with white text and would like the arrow to be white also.

TIA for any assistance.

James A. Wilson
Web Developer
www.txfannin.org

[ajfmrf]

In the css file (http://www.txfannin.org/files_css/ch...tyles_main.css)
look for this part:

.sidebarmenu a.subfolderstyle{
background:url(../files_images/mis_images/right_arrow.png) no-repeat 97% 50%;
}

you can use what ever image you want for that arrow.Just make sure the size is the same
so it does not mess up things and also place the new image in the same directory as the
original arrow is

So to do what you want,you need to get that new arrow in the color you want then add the hover effect to change the background and image to what you need.

I will have to look at that next.I will be back in a while and hopefully have the hover part ready(maybe some css guru will beat me??)

[ajfmrf]

try this out.Add this below the other arrow part:

.sidebarmenu a.subfolderstyle:hover{
	background:url(../files_images/mis_images/the_new_arrow.png) no-repeat 97% 50%;
	background -color:darkblue;color:white;}

Remember you need the white arrow to get this to work-the red part should reflect the whit arrow image

[jdadwilson]

That did the trick. Thanks for your help.

James A. Wilson