Always on top content
Demo: IE 5 users, you can't miss it.
Step 1: Insert the below into the <head> section of your page:
Step 2: Insert the following anywhere inside the <body> section of your page:
Step 3: Finally, you'll need a small image to be used as the toggle on/off button. You may use the one we created:
(Right click your mouse and choose save as)
Or, if you wish, create your own. Just save the image as "barbutton.gif", and upload it along with the rest of the page.
Configuring the script
We tried to make the script as easy and straightforward to configure and customize as possible, and it is. The thing to understand are these:
1) The code in Step 1 controls the style of the static box (background color, border color, width, etc).
-To change the background color, change the keyword
"lightyellow" to another color's name.
-To change the border color, change all instances of the keyword "green" to another color's name.
-Finally, to change the physical width of the static box, change "150px" to another valid value.
2) The code in Step 2 controls the rest (the actual content to be shown, where the static box will initially be positioned when the document loads).
inside <div id="scontentsub">. This is the content that
will be kept static on the surfer's screen.
-To configure where the static box will initially be positioned when the document loads, change the variables "w" and "h" to contain valid values, where "w" controls the x coordinates, and "h" controls of y coordinates of the static box respectively.
Enjoy the script!