Pour voir un exemple de scrippy réalisé avec cette technique, cliquez ICI .
1) Insert/background: cocher Use the select color et sélectionnez la couleur suivante #A05574 (c'est celle que j'ai choisie pour ma composition).
2) Insert/Positioned container: et mettez tout à 0 dans la deuxième colonne: from left: 0; from Right : 0 ; from Top : 0; from Bottom : 0.
3) Insert/Positioned container: il restera décalé, dépendant du précédent. (il contiendra les 2 éléments qui suivent: la case 4 et la case 5).
Remplissez dans la première colonne: Left: 10; specified size: 20; Top: 10; specified size : 20.
4) Mettez une tuile de votre choix. voici la mienne:
scolling: Up+ Right; Pixels per second: 100; Pixels per move: 1; cochez Fast Scroll.
5) Insert/Frame. Style : Double. Widht : 1; color : #808000.
6-8) Faites un copier/coller de la case 3 et tirez-la vers la gauche en correspondance avec la case 3 et comme valeurs mettez : Left: 50 ; size : 20 ; Top: 10 ; specified size : 20.
8-11) Faites un copier/coller de la case 3 et tirez-la vers la gauche en correspondance avec la case 3 et comme valeurs mettez : Left: 90 ; size : 20 ; Top: 10 ; specified size : 20.
12-14) Faites un copier/coller de la case 3 et tirez-la vers la gauche en correspondance avec la case 3 et comme valeurs mettez : Left: 30 ; size : 20 ; Top: 30 ; specified size : 20.
15-17) Faites un copier/coller de la case 3 et tirez-la vers la gauche en correspondance avec la case 3 et comme valeurs mettez : Left: 70 ; size : 20 ; Top: 30 ; specified size : 20.
18-20) Faites un copier/coller de la case 3 et tirez-la vers la gauche en correspondance avec la case 3 et comme valeurs mettez : Left: 10 ; size : 20 ; Top: 50 ; specified size : 20.
21-23) Faites un copier/coller de la case 3 et tirez-la vers la gauche en correspondance avec la case 3 et comme valeurs mettez : Left: 50 ; size : 20 ; Top: 50 ; specified size : 20.
24-26) Faites un copier/coller de la case 3 et tirez-la vers la gauche en correspondance avec la case 3 et comme valeurs mettez : Left: 90 ; size : 20 ; Top: 50 ; specified size : 20.
27-51) Faites un copier/coller de la case 2 et tirez-la complètement vers la gauche (donc en correspondance avec la case 2) et dans chacun des Positioned Container internes cochez seulement Right au lieu de Left dans Horizontal Layout (donc vous aurez Right et Top).
52-76) Faites un copier/coller de la case 2 et tirez-la complètement vers la gauche (donc en correspondance avec la case 2) et dans chacun des Positioned Container internes cochez Right au lieu de Left et Bottom au lieu de Top (donc vous aurez Right et Bottom).
77-101) Faites un copier/coller de la case 2 et tirez-la vers la gauche en correspondance avec la case 2 et dans chacun des Positioned Container internes cochez Bottom au lieu de Top (donc vous aurez Left et Bottom).
102-122) Faites un copier/coller de la case 2 et tirez-la vers la gauche en correspondance avec la case 3 et dans chacun des Positioned interne cochez Right au lieu de Left et Bottom au lieu de Top. et faire les changements suivants:
- case 103: Left : 13; size : 3; Horizontal cochez la deuxième colonne et mettre from Top: 70 ; from Bottom : 70.
- case 105: Left : 24; size : 80; Horizontal cochez la deuxième colonne et mettre from Top: 70 ; from Bottom : 70. - case 106: changez le fichier pour le background: au lieu de la tuile, mettez la lettre M ou une lettre de votre choix créée dans PSP :
- case 107: Left : 107; size : 3 ; Horizontal cochez la deuxième colonne et mettre from Top: 70 ; from Bottom : 70.
- case 109 : Horizontal layout : Deuxième colonne Left : 110; Right : 110 ; Vertical Layout : Première colonne; Top: 70 ; size : 3.
- case 111 : Première colonne : Left : 115 ; size : 3; from Top: 80 ; size : 150.
- case 113 : Première colonne : Left : 120 ; size : 3; from Top: 85 ; size : 140.
- case 115 : Première colonne : Left : 125 ; size : 3; from Top: 90 ; size : 130.
- case 117 : Première colonne : Left : 115 ; size : 130; from Top: 80 ; size : 3.
- case 119 : Première colonne : Left : 120 ; size : 120; from Top: 80 ; size : 3.
- case 121 : Première colonne : Left : 125 ; size : 115; from Top: 90 ; size : 3.
Eliminez les 2 sub containers successifs qui ne sont pas utiles.
123-143) Faites un copier-coller de la case 102 et mettez-la complètement vers la gauche.
Faites ensuite les modifications suivantes:
- dans toutes les Positioned Container internes cochez Right (au lieu de Left).
- dans la 127, changez le backgroud: au lieu de la lettre M, mettez la lettre L (ou toute autre lettre de votre choix créée dans PSP) :
144) Insert Positioned Image : la case devra être tirée vers la gauche en correspondance du positioned de la case 142.
Cliquez dans Browse: et allez chercher votre cadre. Voici le mien:
Dans Horizontal Position: Center: O.
Dans Vertical Position: From top: 170.
145) Insert Positioned Image : la case devra être tirée vers la gauche en correspondance du positioned de la case 144.
Cliquez dans Browse: et allez chercher votre fichier gif décoratif gauche:
Dans Horizontal Position: From Left : 130.
Dans Vertical Position: From top: 90.
146) Insert Positioned Image : la case devra être tirée vers la gauche en correspondance du positioned de la case 145.
Cliquez dans Browse: et allez chercher votre fichier gif décoratif droit:
Dans Vertical Position: From top: 90.
147) Insert Positioned Container : la case devra être tirée vers la gauche en correspondance du positioned de la case 146.
Complétez dans la deuxième colonne: from left: 150; from Right : 150 ; from Top : 475; from Bottom : 90.
148) Insert/Background. Browse et allez chercher une tuile dorée. Voici la mienne:
scolling: Up+ Right; Pixels per second: 100; Pixels per move: 1; cochez Fast Scroll.
149) Insert Positioned Container : il restera décalé vers la droite.
Complétez dans la deuxième colonne: From Left: 5; From : Right: 5 ; From Top : 5 ; From Bottom : 5.
150) Insert/Background et sélectionnez la couleur #A05574.
151) Insert/Message area: il restera à droite.
Mettez des marges de 30 pixels. Cochez Scrollbar Colors et mettez des couleurs en cliquant sur Set Base Color et Set Shadow Color. Moi, j'ai mis la couleur #A05574 et la couleur #A05574.
Ajoutez maintenant Sound, Ticker et Loading Message.
Complétez en ajoutant un Message area qui servira pour colorer le scrollbar extérieur.
Mettez les mêmes couleurs que celles de la case 151.
Maria Lefebvre : pour l'idée et la réalisation du fichier SSC
Lorenza : pour l'écriture du tutoriel pour le groupe franco-scrippy
03/11/05