RSS Feed
DonD 2012© No Rights Reserved
Page last updated 25/01/2012 10:24:02
Produced with
Mouseover to photo or text is basically the same as rollover guide with a couple of changes.
1. You still need to find photo ID
2. When you right click the text, to use as mouseover, you will see something like this
<div id="txt_2" style="position:absolute; left:81px; top:410px; width:663px; height:79px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden; /*BorderDivStyle*/
You need to add the code to go over /*BorderDivStyle*/ so it would look like this
<div id="txt_2" style="position:absolute; left:81px; top:410px; width:663px; height:79px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;cursor:pointer;cursor:hand" onmouseover="showit('pic_2')" onmouseout="hideit('pic_2')
1. You will need to find the ID of the pop up text box
2. Right click the pop up text box and select “attach html” and you should see something like this
<div id="txt_2a" style="position:absolute; left:619px; top:607px; width:120px; height:80px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden; /*BorderDivStyle*/
Add over the top of /*BorderDivStyle*/ this visibility:hidden;
<div id="txt_2a" style="position:absolute; left:619px; top:607px; width:120px; height:80px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden; visibility:hidden;
3. As with the mouseover to pop up photo text box add the
cursor:pointer;cursor:hand" onmouseover="showit('txt_2a')" onmouseout="hideit('txt_2a')
Changing the ID numbers of the text boxes.
If you have any trouble and you have check your code changes against the demo on the home page you can contact me from this page
Mouseover Guide
3/3
3/3
This is a test for sdcuk, Serif forum, in mouseover text to solid background.
| X5 Update |
| JW mediaplayer |
| Rollmouse over |
| Pop it menu |
| Pop up images |
| Lytebox |
| Lightbox+ |
| Google Map |
| Content Management |
| Search Tools |
| Single MP3 |
| .xml playlist |
| Player Demo's |
| Demo's 2 |
| JW Silverlight Player |
| Rollover guide |
| Mouseover guide |
| Lytebox 2 |
| Advanced Lytebox |
| Lytebox iframe |
| Lightbox+2 |
| Google map route finder |
| Cushy |
| Joomla |
| Zoom search |
| Sphider search |
| X5 Navbar/Buttons |
| X5 Panels |
| X5 Lightbox |
| X5 Text Boxes |
| X5 Studio |
| X5 Google maps |
| T & C |
| WP |
| X2/X4/SWR |
| Flash Banners |
| Publish Site |
| Site Pages |
| Page Sizing |
| RSS Tools |
| FTP Account |
| Uploading |
| RSS Reader |
| Page Security |
| Site Search |
| Database |
| Resource Booker |
| Advanced security |
| Advanced Plus |
| Database 2 |
| Image Catalogue |
| Lyteboxdb |
| Lyteboxdbmerged |
| E-Commercedb |
| Manage Resources |
| Blog Users |
| Add intro page |
| Guest book |
| Koolmoves scroll |
| Google Calendar |
| Calendar 2 |