Make your own free website on Tripod.com

Impossible

Welcome to the impossible lesson.  Please feel free to use your own graphics for this tutorial.  To use the ones shown here, click here to download the zipped file.  To preview this lesson, please click here.

1.  Insert a background.  The one used is blue-checkerboard.jpg.  This does not scroll.

2.  Insert a positioned container and set all of the edges to 0.  Under this container, insert a left, right, bottom and top container.  Make sure that all of these named containers are lined up evenly and indented under the main container.  Under each one of these place a 1 pixel inset frame, default color or color of your choice.  Also, under each one of these named containers, insert a background.  The one used here is blue-checkerboard-2.jpg.  None of these backgrounds are to scroll.

3.  Insert a new main positioned container (it goes all the way over at the left) and set all of it's edges to 15.

4.  Under this container insert a 2 pixel outset frame, default color or color of your choice.  Insert a background and use blue-checkerboard-2.jpg.  Non-scrolling.

5.  Click on the positioned container that you just made and copy it.  Paste this back at the bottom, making sure that it is over at the left margin, which as you know by now, makes this one a main container.  Change the settings to 35 from all edges.  Change the background to blue-checkerboard.jpg.  Change the frame to 4 inset, default color or color of your choice.

6.  Paste this container once more, move it over to the left and change the edges to all be 55.  The background here is the first one, so you should not have to change it, blue-checkerboard-2.jpg.  Change the frame to 2 outset, default color or color of your choice.

7.  Again, paste this container and set all of the edges to 60.  Change the background to blue-checkerboard.jpg.  Change the frame to 4 inset, default color or color of your choice.

8.  Paste this one more time and change the edge settings to 80.  Use the blue-checkerboard.jpg image.  Change the frame to 4 inset, default color or color of your choice.

9.  Insert a new main positioned container, make sure it is over at the left margin, and set all of it's edges to 0.

10.  Now under this we will insert several positioned containers.  The first one should be set horizontal from the left with a distance of 90, size of 5.  Now set the top and bottom edges to 90.  Put in a background, blue-checkerboard-2.jpg and set this to scroll up and left.

11.  Copy that sub-container which has a background and paste it under the last main container four more times.  The last thing you should now have is a main container with five sub-containers, each with it's own background.

12.  Change the second sub-container to 100 distance horizontally and edges should now be changed to 100.  Change the third one to 110 for horizontal distance and edges, change the fourth one to 120, change the fifth one to 130!  Each time you change the horizontal distance, also change the edge settings to the same number.

13.  Now click on the main container which holds all of the sub-containers that you just made and copy it.  Paste it back at the bottom and move it over to the left.

14.  Change the horizontal to be 'from the right'.  Change all of the backgrounds to scroll right and up!  This now gives you two sets, one on the left and one on the right.

15.  Insert a new main positioned container.  This one will hold ten sub-containers, instead of doing two more, I put them all into one main container.  It doesn't really matter here, you can do two if you want to keep your top and bottom separated.  Each one needs to be set at 0 from all edges.  This is simply a 'holding' main container and when you do it this way it makes copying and pasting a lot easier.

16.  If you want, copy one of the sub-containers with it's background and paste it into this new main container ten times.  I will give you the settings for each one.  Basically it is the same as the others except we will set the left and right edges of this one instead of the top and bottom edges.  The numbers will be the same.

17.  #1 Left-right edges to 90.  Vertical 90 from the top with a size of 5.
#2 Left-right edges to 90.  Vertical 90 from the bottom with a size of 5.
#3 Left-right edges to 100.  Vertical 100 from the top with a size of 5.
#4 Left-right edges to 100.  Vertical 100 from the bottom with a size of 5.
#5 Left-right edges to 110.  Vertical 110 from the top with a size of 5.
#6 Left-right edges to 110.  Vertical 110 from the bottom with a size of 5.
#7 Left-right edges to 120.  Vertical 120 from the top with a size of 5.
#8 Left-right edges to 120.  Vertical 120 from the bottom with a size of 5.
#9 Left-right edges to 130.  Vertical 130 from the top with a size of 5.
#10 Left-right edges to 130.  Vertical 130 from the bottom with a size of 5.

18.  All of these containers use the background called blue-checkerboard-2.jpg.  If the container is set from the top, scroll the background up.  If it is set from the bottom, scroll it down.

19.  Insert a new main container (make sure it is at the left margin) and set all of the edges to 140.

20.  Put in a background and use the blue-checkerboard-2.jpg, non-scrolling.  Now add in a 2 pixel inset frame using the color #004668.

21.  Copy and paste that container as a new main container.  Set the edges to 145.  Set the background to color only and use #0080C0.

22.  Now insert a positioned image.  This goes to the left margin and does NOT sit under the container you just did on #21.  Use the graphic called bluecheck-main.jpg.  This goes 160 from the top vertically and it is centered horizontally.

23.  Our message area is next.  Set the margins to 160 for the left, right and the bottom.  Use 425 from the top.  Center your text.  The text color is #C6ECFF.  The scrollbar color is #0080C0.

24.  Insert your ticker next, if you'd like to use one.  Then insert a sound.  The one used here is called fineflwr.mid.

25.  The last thing to add if desired, is a loading message.  I inserted one and set it to 1.5.

That is it!  If you followed the instructions and put your containers in the right places, you should now have something exactly like the finished product!  Although this looks complicated, being able to copy and paste your containers makes it a lot less difficult!  I hope yours turned out well!

As always, this lesson is copyright ŠOzmee 2002, however permission is given for personal reuse of it.  In no way, at no time may it be used for commercial gain and all rights remain with the author (Ozmee).