RSS Feed

DonD 2012© No Rights Reserved

Page last updated 25/01/2012 10:24:02

Produced with

Site Feedback

Search

Mouseover to photo or text is basically the same as rollover guide with a couple of changes.

Mouseover to pop up photo

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')

Mouseover to pop up Text box

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.

Home Page