Custom Navigation Highlight image
Posted: Mon Jan 15, 2007 4:13 pm
Hi There,
Using version 1.02
I have a custom design that I plugged into CMSMS and I use Images for my roll over navigation buttons (she wanted a funky font). All the results i found in the forum seemed to be relating to the css menu and not related to images.
I want each menu item to stay highlighted when the user is on that page. I am pretty sure this can be done with some simple if/else statements, but not quite sure how to get started. I can edit code just can't create it myself! lol
here is a code snippit: The is the way i do it in My wysiwyg editor. The first menu item is the page I am on (always highlighted) the second is just normal roll over. Any advice would be greatly appreciated.
Thanks
John
Using version 1.02
I have a custom design that I plugged into CMSMS and I use Images for my roll over navigation buttons (she wanted a funky font). All the results i found in the forum seemed to be relating to the css menu and not related to images.
I want each menu item to stay highlighted when the user is on that page. I am pretty sure this can be done with some simple if/else statements, but not quite sure how to get started. I can edit code just can't create it myself! lol
here is a code snippit: The is the way i do it in My wysiwyg editor. The first menu item is the page I am on (always highlighted) the second is just normal roll over. Any advice would be greatly appreciated.
Thanks
John
Code: Select all
<tr>
<td>
<a href="index.htm">
<img name="rovingvet_09" src="images/rovingvet_09-over.gif" width="175" height="29" border="0" alt="Home"></a></td>
</tr>
<tr>
<td>
<a href="thedoctor.html"
onmouseover="changeImages('rovingvet_11', 'images/rovingvet_11-over.gif'); return true;"
onmouseout="changeImages('rovingvet_11', 'images/rovingvet_11.gif'); return true;">
<img name="rovingvet_11" src="images/rovingvet_11.gif" width="175" height="28" border="0" alt="About Dr. Susan Krakauer"></a></td>
</tr>