Pour voir le résultat de ce Scrippy
Préparation dans votre Paint Shop Pro :
- Prendre une image au choix :
- Faire un cadre;
- Une fois le cadre terminé, le redimensionner à 478x600;
- Dans cette image, faire une carré de 100x100 qui va servir pour l’image Scroll;
- Une tuile faite avec l’image
:
- Moi j’ai pris deux couleurs de mon image;
- Faire un dégradé;
- Verser dans une image transparente de 200x200;
- Faire un flou gaussien de 20 , et un effet de votre choix suivant l’ image choisie;
- 1 barre verticale de 4x200
:
- Faire avec un dégradée de la couleur de l’image;
- 1 barre horizontale de 200x4
:
- Avec les mêmes caractéristiques;
- 1 barre verticale de 10x319
:
- Faites avec des motifs du cadre;
- 1 barre horizontale de 319x10
:
Dans Scrippy :
- Insert Message Area
:
- Je le mets des le début car celui-ci me sert que pour colorer mes Scrollbar;
- Tout à 30 , et cochez Override et mettre les couleurs suivant votre image;
- Insert Positioned Container
:
- Horizontal Layout : Center 0, Specified Size : 1000;
- Vertical Layout : Center à 0, Specified Size : 1200;
- Insert Background
:
- Cliquez sur Browse et allez chercher votre tuile qui sert pour le fond;
- Insert Positioned Scroll
:
- Cliquez sur Browse et allez chercher la barre verticale de 10x319;
- Layout : Vertical;
- Scroll : Up;
- Position from : Left;
- Distance : 10;
- Le reste vous ne touchez pas;
- Insert Positioned Scroll
:
- Cliquez sur Browse et allez chercher la barre horizontale de 319X10;
- Layout : Horizontal;
- Scroll : Right;
- Position from : Top;
- Distance : 10;
- Insert Positioned Scroll
:
- Allez chercher la barre verticale de 10x319;
- Layout : Vertical;
- Scroll : Down;
- Position from : Right :
- Distance : 10;
- Insert Positioned Scroll
:
- Allez chercher la barre horizontale de 319x10;
- Layout : Horizontal;
- Scroll : Left ;
- Position from : Bottom;
- Distance : 10;
- Insert Positioned Scroll
:
- Allez chercher la barre verticale se 10x319;
- Layout : Vertical;
- Scroll : Up;
- Position from : Left;
- Distance : 30;
- Insert Positioned Scroll
:
- Allez chercher la barre horizontal de 319x10;
- Layout : Horizontal;
- Scroll : Right;
- Position from : Top;
- Distance : 30;
- Insert Positioned Scroll
:
- Allez chercher la barre verticale de 10X319;
- Layout : Vertical;
- Scroll : Down;
- Position from : Right;
- Distance : 30;
- Insert Positioned Scroll :
- Allez chercher la barre horizontale de 319x10;
- Layout : Horizontal;
- Scroll : Left;
- Position from : Bottom;
- Distance : 30;
- Insert Positioned Container
:
- Le tirer complètement à gauche;
- Horizontal Layout : Left 50, Specified Size : 100;
- Vertical Layout : Top 50, Specified Size : 100:
- Insert Background :
- Allez chercher votre petite image;
- Ne changer rien;
- Insert Frame :
- Style : Groove;
- Width : 1 et une couleur;
- Insert Positioned Container
:
- Complètement à gauche;
- Horizontal Layout : Right :50, Specified Size : 100;
- Vertical Layout : Top : 50, Specified Size : 100;
- Insert Background :
- Allez chercher votre petite image;
- Ne changer rien;
- Insert Frame :
- Style : Groove;
- Width : 1 et une couleur;
- Insert Positioned Container
- Complètement à gauche;
- Horizontal Layout : Right : 50;
- Vertical Layout : Bottom : 50;
- Insert Background :
- Allez chercher votre petite image, ne changez rien;
- Insert Frame :
- Style : Groove;
- Width : 1 et une couleur;
- Insert Positioned Container :
- Complètement à gauche;
- Horizontal Layout : Left : 50;
- Verticale Layout : Bottom : 50;
- Insert Background
:
- Allez chercher votre petite image;
- Ne changer rien;
- Insert Frame :
- Style : Groove;
- Width : 1 et une couleur;
- Insert positioned image :
- Cliquez Browse et allez chercher votre cadre;
- Déplacez cette case complètement à gauche;
- Horizontal Position : Center;
- Vertical Position : From Top : Distance : 250;
- Insert Positioned Container
:
- Complètement à gauche;
- Horizontal Layout : Left 50, Specified Size : 100
- Set Top and Bottom Edges :
- Positioned Scroll :
- Browse - votre petite image ;
- Layout : Vertical ; Scroll Direction : Up ;
- Dans Advanced Options :
- Insert Positioned Container
:
- Complètement à gauche;
- Horizontal Layout : Right 50, Specified Size : 100;
- Set Top and Bottom edges :
- Positioned Scroll :
- Browse - votre petite image;
- Layout : Vertical ; Scroll Direction : Down;
- Dans Advanced Options :
- Insert Positioned Container
:
- Complètement à gauche;
- Set Left and Right edges : Left et Right : 150;
- Vertical Layout : Top 50, Specified Size : 100;
- Positioned Scroll :
- Browse - votre petite image;
- Layout : Horizontal ; Scroll Direction : Right;
- Dans Advanced Options :
- Insert Positioned Container
:
- Complètement à gauche;
- Set Left and Right edges : Left et Right : 150;
- Vertical Layout : Bottom 50 . Specified Size : 100;
- Positioned Scroll :
- Browse - votre petite image;
- Layout : horizontal ; Scroll Direction : Left;
- Dans Advanced Options : Space betweeen : 100;
- Insert Positioned Container
:
- Complètement à gauche;
- Horizontal Layout : Left 180, Specified Size : 4;
- Vertical Layout : Top 200, Specified Size : 800;
- Insert Background :
- Cliquez sur Browse et allez chercher la barre verticale de 4X200;
- Scrolling : Up;
- Pixels per second : 100;
- Pixels per move : 10;
- Vertical spacing : 100;
- Insert Positioned Container
:
- Complètement à gauche;
- Horizontal Layout : Left 200, Specified Size : 4;
- Vertical Layout Top 200, Specified Size : 800;
- Insert Background :
- Allez chercher la barre verticale 4x200;
- Scrolling : Down;
- Pixels per second : 100;
- Pixels per move : 10;
- Vertical spacing : 100;
- Insert Positioned Container :
- Complètement à gauche;
- Horizontal Layout : Left 220, Specified Size : 4;
- Vertical Layout : Top 200, Specified Size : 800;
- Insert Background :
- Allez chercher la barre verticale 4x200;
- Scrolling : Up;
- Pixels per second : 100;
- Pixels per move : 10;
- Vertical spacing : 100;
- Insert Positioned Container :
- Complètement à gauche;
- Horizontal Layout : Right 180, Specified Size : 4;
- Vertical Layout : Top 200, Specified Size : 800
- Insert Background :
- Allez chercher la barre verticale 4x200;
- Scrolling : Up;
- Pixels per second : 100;
- Pixels per move : 10;
- Vertical spacing : 100 ;
- Insert Positioned Container
:
- Complètement à gauche;
- Horizontal Layout : Right 200, Specified Size : 4;
- Vertical Layout : Top 200, Specified Size : 800;
- Insert Background :
- Allez chercher la barre verticale 4x200;
- Scrolling : Down;
- Pixels per second : 100;
- Pixels per move : 10;
- Vertical spacing : 100;
- Insert Positioned Container
:
- Complètement à gauche;
- Horizontal Layout : Left 220, Specified Size : 4;
- Vertical Layout : Top 200, Specified Size : 800;
- Insert Background :
- Allez chercher la barre verticale 4x200;
- Scrolling : Up;
- Pixels per second : 100;
- Pixels per move : 10;
- Vertical spacing : 100;
- Insert Positioned Container :
- Complètement à gauche;
- Horizontal Layout : Left 265, Specified Size : 480;
- Vertical Layout : Top 180, Specified Size : 4;
- Insert Background :
- Allez chercher la barre horizontale 200x4;
- Scrolling : Left;
- Pixels per second : 100;
- Pixels per move : 10;
- Horizontal spacing : 100;
- Insert Positioned Container
:
- Complètement à gauche;
- Horizontal Layout : Left 265, Specified Size : 480;
- Vertical Layout : Top 200, Specified Size : 4;
- Insert Background :
- Allez chercher la barre horizontale 200x4;
- Scrolling : Right;
- Pixels per second : 100;
- Pixels per move : 10;
- Horizontal spacing : 100;
- Insert Positioned Container
:
- Complètement à gauche;
- Horizontal Layout : Left 265, Specified Size : 480;
- Vertical Layout : Top 220, Specified Size : 4;
- Insert Background :
- Allez chercher la barre horizontale 200x4;
- Scrolling : Left;
- Pixels per second : 100;
- Pixels per move : 10;
- Horizontal spacing : 100;
- Insert Positioned Container
:
- Complètement à gauche;
- Horizontal Layout : Center 0, Specified Size : 400;
- Vertical Layout : Bottom : 180, Specified Size : 80;
- Insert Message Area :
- Left, Right, Top et Bottom : 30;
- Loadig Message;
- Sound;
- Ticker;
- Options.
Voici la capture des cases :

Bonne Création!
©Création Eliane,
2006 |