2007 WebStudioHelp.net & SunsetFX.com All Rights Reserved Worldwide
Loren's Layered Thumbnail / Pop-Ups Tutorial / Add a Border * All credit for developing this in-depth tutorial goes to Loren - Great Job! *
Simple plus a Border
Simple & Border: By following the instructions below, you will create a very basic Pop-Up with just an image and Border. No Background or Text.
This is the same code as that used in Step 1. Depending on your requirements, this code may change from one example to the next. I will be demonstrating some examples of the changes that will be required to do certain things.
The top 4 lines in the code shown in red have been added so that the code functions with the centering code in Web Studio.
The following Code goes into an HTML object:
You are now set up to start using the Pop-Up function.
Let's now add a 4 px wide border around the image shown in the previous example.
Here you will alter the code in the HTML Object that you put on the page in Step 1.
You can see that the image background color is "lightyellow, the border is 0 px and the border color is solid #000 (black)
All Pop-up images can be closed simply by clicking outside the image.
All Pop-up images can be moved simply by clicking on the image and dragging.
** Note **
Be sure to follow the steps outlined on the Basics Page to prepare for the following.