Tutoriel “Effet déroulant” de Franca
Traduction en français par Lorenza
Traduction en français par Lorenza
Si vous voulez voir la réalisation, cliquez ICI.
Téléchargez ICI le fichier ZIP contenant tous les fichiers utiles pour cette réalisation.
Naturellement il vous sera ensuite possible d'en utiliser d'autres du même type pour rendre votre réalisation plus personnelle.
1) Positioned Container: dans la deuxième colonne cocher Left 0-Right 0-Top 0-Bottom 0. Ce container et les successifs seront parfaitement alignés à gauche.
2) Background: insérer le fichier tileglassblu – Scrolling Down –Pixels par second 40 – Pixels par move 4- fast scroll.
3) Positioned Container: dans la deuxième colonne cocher Left 6 – Right 6 –Top 6 – Bottom 6.
4) Background: moi, j'ai choisi le noir.
5) Positioned Container: dans la première colonne Center 0 –Same as a largest contained image – Top 120 – Same as a largest contained image.
6) Background: insérer le fichier image Bimbonatura 3 - No scrolling.
7) Background: insérer le fichier glitter-clear gold. Scrolling up-left – pixels par second 100 – pixels par move 10 – fast scroll.
8) Positioned Image: insérer le fichier cuoreazurperl – from left 0 – from top 5.
9– 11) Faites un copier-coller trois fois de suite du Positioned Image, en mettant les valeurs suivantes en succession:
Right 0 - Top 5 –
Left 0- Bottom 5 –
Right 0 – Bottom 5
12) Positioned Container: dans la première colonne cocher left 56 – size 5 – top 6 – size 50.
13) Background tileglassblu. Scrolling down – pixels par second 40 – pixels par move 4 – fast scroll.
14–19) Faites un copier-coller trois fois de suite du P.C. 12 en laissant inchangées les proprietés du background e inserendo i seguenti valori en succession:
right 56 – size 5 – top 6 – size 50
left 56 – size 5 – bottom 6 –size 50
right 56 – size 5 – bottom 6 – size 50
20) Positioned Container: dans la première colonne cocher left 6 – size 50 – top 50 - size 5.
21) Background: tileglassblu – scrolling down – pixels par second 40 – pixels par move 4 – fast scroll.
22 - 27) Faites un copier-coller trois fois de suite du P:C. 20 en laissant inchangées les propriétés du background et en changeant les valeurs suivantes dans la première colonne:
right 6- size 50- top 50 – size 5
left 6 – size 50 – bottom 50 size 5
right 6 – size 50 – bottom 50 – size 5.
Vous aurez ainsi complété les 4 rectangles latéraux supérieurs et inférieurs.
28) Positioned Container: Dans la première colonne: left 56 – size 5, dans la deuxième colonne top 0 – bottom 0.
29) Background tileglassblu – scrolling down – pixels par second 40 – pixels par move 4 – fast scroll.
30 – 35) Faites un copier-coller trois fois de suite du P.C. 28 en laissant inchangées les propriétés du background et en changeant les valeurs suivantes, en succession.
première colonne: right 56 – size 5 – deuxième colonne top 50 - bottom 50
première colonne: top 50 – size 5 – deuxième colonne: left 50 - right 50
première colonne: bottom 50 – size 5 – deuxième colonne left 50 – right 50
Nous aurons ainsi complété les rectangles bleus latéraux, supérieur et inférieur.
Nous allons maintenant colorer en jaune ces mêmes rectangles.
36) Positioned Container: première colonne top 8 – size 40 – deuxième colonne left 60 – right 60.
37) Background: tileglasoro – scrolling down – pixels par second 40- pixels par move 4- fast scroll.
Advanced options: horizontal spacing 50 – vertical spacing 50. 38 – 39) Faites un copier-coller du P.C. 36 en laissant inchangées les propriétés du background et en changeant les valeurs suivantes:
prima colonna – bottom 8 size 40, seconda colonna left 60 – right 60.
40) Positioned Container. Première colonne left 8 - size 45 – top 55 – bottom 55.
41) Background. Scrolling down – pixels par seconds 40 – pixels par move 4 – fast scroll.
Advanced options: horizontal spacing 35 – vertical spacing 35.
42 – 43) Faites un copier-coller du P.C. 40 en laissant inchangées les propriétés du background et en changeant les valeurs suivantes :
première colonne – right 8 – size 45 – deuxième colonne – top 55 – bottom 55.
Nous allons maintenant colorer en vert les petits rectangles placés aux quatre angles.
44) Positioned Container: première colonne – left 8 – size 45 – top 8 – size 40.
45) Background: tileglassverde – no scrolling.
46 – 51) Faites un copier-coller par 3 fois du P.C. 44 en laissant inchangées les propriétés du background et en changeant les valeurs suivantes, successivement:
Right 8 – size 45 – top 8 – size 40.
Left 8 – size 45 – bottom 8 – size 40.
Right 8 – size 45 – bottom 8 – size 40.
Passons maintenant à placer les P. C centraux qui seront de couleur verte.
52) Positioned Container: première colonne – left 85 – size 30 – deuxième colonne – top 140 – bottom 140.
53) Background. Tileglassverde – scrolling down – pixels par second 40 – pixels par move 4- fast scroll.
Advanced option: horizontal spacing 35 – vertical spacing 35.
54 – 55) Faites un copier-coller du P.C. 52 en laissant inchangées les propriétés du background et en changeant les valeurs suivantes:
première colonne – right 85 – size 30 – deuxième colonne – top 140 – bottom 140.
56) Positioned Container: première colonne – top 60 – size 30 – deuxième colonne –left 85 – right 85
57) Background. Tileglassverde – scrolling down- pixels par second 40 – pixels par move 4 – fast scroll.
Advanced options: horizontal spacing 35 – vertical spacing 35.
58 – 59) Faites un copier-coller du P.C. 56 en laissant inchangées les propriétés du background et en changeant les valeurs suivantes:
première colonne bottom 60 – size 30 – deuxoième colonne – left 85 – right 85.
Insérons maintenant le P.C. qui contiendra le Message area:
60) Positioned Container. Deuxième colonne– left 120 – right 120 – top 400 – bottom – 100.
61) Top border scroll: hor.jpg 200x2- scrolling right.
62) Bottom border scroll: hor. jpg 200x2 – scrolling left.
63) Left border scroll: vert.jpg 2x200 – scrolling up.
64) Right border scroll: vert jpg 2x200 – scrollig down
65) Insérez le message area et traînez-le complètement à gauche (il sera aligné avec tous les autres P.C.précédents). Mesures des marges: left 130 right 130- top10 – bottom 100.
Rappellez-vous de colorer le scrollbar.
66 – 67 – 68) Inserite Loading message, Tiker e sound selons votre goût.
Bon travail !!!
Franca
Tutoriel écrit pour le groupe franco-scrippy le 05/01/04.
Vers la section des tutoriels des membres du groupe franco-scrippy, cliquez ICI.
Pour retourner à la section Scrippy de Lorenza, cliquez ICI.
Pour retourner à la section Scrippy de Lorenza, cliquez ICI.