To insert your own custom navigation buttons, with image rollovers, you can recycle the code from any of the existing navigation image layouts.
1. Go to 'Design | Library | Layouts'.
2. Locate the 'Navigation Icons' group and click on any layout in the list whose name ends in 'Image Navigation Button'.
3. Right-click on this layout and select 'New Layout'.
Call your new layout whatever you want.
4. Customise the code as you see fit.
Image navigation button layouts have the following format:
Substitute the placeholder values in there with real relevant values for you.
* normal_image.gif - the normal button graphic
* rollover_image.gif - the highlighted button graphic
* image_name - a name for the image. Each button needs to have a unique name.
1. Go to 'Design | Library | Layouts'.
2. Locate the 'Navigation Icons' group and click on any layout in the list whose name ends in 'Image Navigation Button'.
3. Right-click on this layout and select 'New Layout'.
Call your new layout whatever you want.
4. Customise the code as you see fit.
Image navigation button layouts have the following format:
HTML Code:
<a href="http://url.to.link.to/" target="_self" onmouseover="SwapImage('image_name','rollover_image.gif')" onmouseout="RestoreImage()"><img src="normal_image.gif" alt="Some alternative text" border="0" name="image_name" /></a>
* normal_image.gif - the normal button graphic
* rollover_image.gif - the highlighted button graphic
* image_name - a name for the image. Each button needs to have a unique name.