Rollover button
Author: Duncan Baker
Visited 1972,
Followers 2,
Shared 0
How can I create a rollover button to place in a text box as a read more link? I want to place a teaser in a tex box and then have a roll over button - read more - with and HREF to a new page which folks can click on to read the rest of the story
Posted on the
Author
Ideally I would like them to look the same as the navigation buttons but this is not essential
Duncan You can insert any graphic in a text box as a rollover button then simply make it a link. In the description tab you can add more words, and you can also add another image. Link to a web page or external page and you're done. When the user hovers the tooltip will appear, if they click they'll go to the new page. The last time I needed a navigation button on a web page to match the menu buttons I temporarly added a new page to reflect the link I wanted, did a preview, printscreen, paste to an editor and cropped out my new navigation button.
Author
Thanks Esahc - that is a good tip fro getting the graphic, I hadn't thougt of that. With a little fiddling I can get the ordinary graphic and the rollower that way. Many thanks.
What about the coding? I can do it in dreamweaver but will it just slot in?
Duncan
Author
Sorted with a little searching...
<a href="targeted-learning.html" target="_top" onmouseover="document.sub_but.src='images/onroll.png'" onmouseout="document.sub_but.src='images/normal.png'">
<img src="images/normal.png" width="121" height="30" border="0" alt="Move your mouse over me" name="sub_but">
</a>