PDA

View Full Version : Help with slashdot menu



iwdynamic
09-05-2006, 04:10 PM
1) Script Title: slashdot menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/slashdot.htm

3) Describe problem: Ther menu works great. I need help to change text color of a menu item that the page is being displayed. Is it possible?

Thank you!

ddadmin
09-05-2006, 06:44 PM
Well, you could extend the style used when the mouse moves over a menu item to that of the currently selected page. Inside menu.css, find and change:


.sdmenu .submenu a:hover, .sdmenu .submenu a#currentpage{
background : #066 url(linkarrow.gif) no-repeat right center;
color: #FFF;
}

Code in red is new. Then inside the HTML for the menu:


<div class="sdmenu">
<span class="title" id="top"><img src="slashfiles/expanded.gif" class="arrow" alt="-" />Online Tools</span>
<div class="submenu">
<a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a>
<a href="http://tools.dynamicdrive.com/favicon/">FavIcon Generator</a>
<a href="http://www.dynamicdrive.com/emailriddler/" id="currentpage">Email Riddler</a>
<a href="http://tools.dynamicdrive.com/password/">htaccess Password</a>
<a href="http://tools.dynamicdrive.com/gradient/">Gradient Image</a>
<a href="http://tools.dynamicdrive.com/button/">Button Maker</a>
</div>

The "Email Riddler" link in this case would be selected.