Info Box 4Pro Instructions:
Step 1: Info Box Settings
You can manipulate the border, size, font, color and background of the info
boxes which are displayed below as a preview.
As you make changes to the values in the settings, you can instantly preview how
the info boxes will look like.
Once done, click the next button.
Step 2: Select the target element of your info box
You have 4 choices how you want the info boxes to be displayed. You can either
choose if you want it to appear when the user will hover their mouse on the
(a) Text link
(b) Image
(c) Table
(d) <div> tag.
Choose anyone of them according to your preferences. Then go to next
step.
Step 3: Enter the content of your info box
This is where you enter the text of your info box. You just have to follow the
structure like the preview in Step One.
Step 4: Generate
You just have to click the button "Finish" and voila!
A window will popup and will tell you where the html file has been generated on
your PC. Then, you have to copy and paste the javascript code provided within your <head> tag:
<link rel="stylesheet" type="text/css" href="infostyle.css">
<script language="JavaScript" type="text/javascript" src="info.js"></script>
That's it. You are done!
|