LATERAL STRIPS TRIPLETS

For the French version of this tutorial click the flag :

For the example of realization , click HERE .

PREPARATION OF THE MATERIALL

For this tutorial you will need 3 backgrounds made in PSP from 1 graphic of your choice.
1) To prepare the first background/ Make a duplicate [shift D] /add a white color/reduce opaqueness about 60%/Save as a *jpg
2) Using the same image apply / FM Tools/Seamless tile/once vertical marked/once vertical NOT marked/save it as a *jpg.
3) Take background obtained in the part 2 and make Image/Mirror. Save it as a *jpg.

IN SCRIPPY

1) Open Scrippy/New Empty Stationery [icon top left corner-blank paper] / Insert/Background/ Browse to the folder where you saved the first background, [the clear background]. Next, select Scrolling/Down-Left/Pixels per sec.: 10/Pixels per move: 1/Select Smooth scroll/Advanced options:DO NOT mark anything and leave values at 0.

2) Insert/Positioned container. Select in Horizontal Layout/Set Position -Width [first column] From left: 30/Specific size; 100/ Vertical/[second column] Top: 30/ Bottom: 30.

3)Insert/Background/ Browse to second background / Select the following/Scrolling: Down-Right/ Pixels per second: 10/ Pixels per move: 1/ Smooth scroll. In Advanced Options/Horizontal start/value 100. The others values at 0.

4) Insert/Frame/Style :Solid/Width: 1/ Choose a color that matches your graphic. I used color #003F7D

5) Insert/Frame/Style: Solid/Width:1 Choose a coordinating color to the frame in step 5. I used color: #FFFFB3

6-9) Click the compartment 2 and make Edit / Copy Positioned Container. Then click the compartment 5 and click the button Paste. Move this container towards the left, in parallel and well in correspondence of the first container. Now change measures: in the order 60/100/60/60.

10-13) Repeat procedure 6-9 and this time put the following measures: 90/100/90/90.
We have completed the left side and now we will complete the right side

14-17) Repeat step 6-9 using the third background you made. Apply measures 30/100/30/30 BUT Click Horizontal/Right

18-21) Repeat procedure 14-17, always Horizontal Right and this time measures are: 60/100/60/60.

22-25) Repeat procedure 14-17, always Horizontal Right and this time measures are: 90/100/90/90.
If you click now Preview, you will see that you obtained 3 lateral columns on each side. Now let us build the space for the Message area:

26-30) Repeat the previous phase, and let us put the following values in Positioned Container ( second column): 200/200/120/120.
Let us add a background: the second or the third and give to each of the 2 backgrounds of this container a different direction and a transparency of 50.

31) Insert / message area, completely moved towards the left (it does not depend on the last container) and put margins: Left: 210; Right: 210; Pip: 130; Bottom: 130. Because we used relative and not fixed measures, this Message area has to meet itself inside the container of the Area message (margins are bigger so slightly with regard to dimensions indicated in the container (accommodate 26).
Color also your Scrollbar by marking Override Scrollbar default colors and select colours of your choice.

You have only to add a ticker, music, a possible loading message.

Save your realization as file SSC either as Webpage.

*******************

This tutoriel was created on February 02, 2003 in the context of the works of the French group - Scrippy, based by Mario Panone.
If you want following information about this group click the logo:

If you want to join this group, click HERE.

Good amusement!

Lorenza
P.: if you want to write to me to have supplementary information or to suggest advices, click HERE .