Pour voir le résultat de ce Scrippy

Pour faire ce tutoriel vous aurez besoin de :

• Pour votre arrière-plan principal, utilisé un dégradé "Halo" d'une dimension de 800 x 600;
  
  
• Une tuile de 300 x 10 et une autre de 10 x 300. Utilisez un dégradé de votre choix. Elles serviront pour vos cadrages;
  
  
• Une tuile décorative en format gif d'une dimension de 15 x 200. Une autre tuile mais cette fois, vous prenez la même et vous inversez (miroir);
  Voici la mienne - déco1 :
  
  Vous remarquerez que pour vous montrer le style utilisé, j'ai mis un arrière-plan rouge. L'image doit garder sa transparence et vous pouvez très bien créer un style semblable à celui-ci avec votre Paint Shop Pro. Si j'ai réussi, vous êtes capable vous aussi... En inversant votre image, vous créez déco2;
  
  
• Un titre - celui que j'ai utilisé a une dimension de 650 x 84;
  
  
• Un cadre de votre choix - celui que j'ai utilisé a une dimension de 454 x 354. Vous pouvez utilisé un cadre plus large même que vous pouvez atteindre 600 en largeur et 500 en hauteur;
  
  
• Si vous voulez connaître la disposition des cases 

Case 1 :

Insert/Container/Positioned Container :

• Ce container servira de support à votre scrippy;
• Horizontal Layout :
  • Set Left and Right Edges :
    • Left : 0, Right : 0;
• Vertical Layout :
  • Set Position and Height :
    • Top: 0, Size : 110;

Case 2 :

Insert/Background :

• Vous allez chercher votre arrière-plan d'une dimension de 800 X 600;
• Auto-Size Image to Window :
  • Stretch Both;

Case 3 :

Insert/Frame :

• Style : Groove;
• Width : 6;
• Color : Prenez une couleur foncée.

Case 4 :

Insert/Scrolling Border/Left Border Scroll :

• Vous allez chercher votre tuile dégradée d'une dimension de 10 X 300;
• Scroll Direction : None;

Case 5 :

Insert/Scrolling Border/Right Border Scroll :

• Vous allez chercher votre tuile dégradée de 10 X 300;
• Scroll Direction : None;

Case 6 :

Insert/Frame :

• Style : Groove;
• Width : 6;
• Color : Prenez votre couleur foncée.

Case 7 :

Insert/Scrolling Border/Top Border Scroll :

• Vous allez chercher votre tuile dégradée de 300 X 10;
• Scroll Direction : None;

Case 8 :

Insert/Scrolling Border/Bottom Border Scroll :

• Vous allez chercher votre tuile dégradée de 300 X 10;
• Scroll Direction : None;

Case 9 :

Insert/Frame :

• Style : Groove;
• Width : 6;
• Color : Prenez votre couleur foncée.

Case 10 :

Insert/Scrolling Border/Left Border Scroll :

• Vous allez chercher votre tuile dégradée de 10 X 300;
• Scroll Direction : None;

Case 11 :

Insert/Scrolling Border/Right Border Scroll :

• Vous allez chercher votre tuile dégradée de 10 X 300;
• Scroll Direction : None;

Case 12 :

Insert/Frame :

• Style : Groove;
• Width : 6;
• Color : Prenez votre couleur foncée.

Case 13 :

Insert/Scrolling Border/Top Border Scroll :

• Vous allez chercher votre tuile dégradée de 300 X 10;
• Scroll Direction : None;

Case 14 :

Insert/Scrolling Border/Bottom Border Scroll :

• Vous allez chercher votre tuile dégradée de 300 X 10;
• Scroll Direction : None;

Case 15 :

Insert/Frame :

• Style : Groove;
• Width : 6;
• Color : Prenez votre couleur foncée.

Case 16 :

Insert/Scrolling Border/Left Border Scroll :

• Vous allez chercher votre tuile dégradée de 10 X 300;
• Scroll Direction : None;

Case 17 :

Insert/Scrolling Border/Right Border Scroll :

• Vous allez chercher votre tuile dégradée de 10 X 300;
• Scroll Direction : None;

Case 18 :

Insert/Frame :

• Style : Groove;
• Width : 6;
• Color : Prenez votre couleur foncée

Case 19 :

Insert/Positioned Object/Positioned Image :

• Vous allez chercher votre titre;
• Horizontal Position :
  • Center : 0;
• Vertical Position :
  • From Top : 75 ou ajustez selon vos besoins;

Case 20 :

Insert/Positioned Object/Positioned Image :

• Vous allez chercher votre cadre;
• Horizontal Position :
  • Center : 0;
• Vertical Position :
  • From Top : 175 ou ajustez selon vos besoins;

Case 21 :

Insert/Container/Positioned Container :

• Ce container servira pour l'ensemble de votre bordure décorative de gauche puisque celle-ci est fait de deux colonnes;
• Horizontal Layout :
  • Set Position and Width :
    • Left : 90, Size 60;
• Vertical Layout :
  • Set Top and Buttom Edges :
    • Top : 56, Bottom : 56;

Case 22 :

Insert/Container/Positioned Container :

• Ce container servira pour votre première colonne de bordures décoratives;
• Horizontal Layout :
  • Set Position and Width :
    • Left : 0, Size 20;
• Vertical Layout :
  • Set Top and Bottom Edges :
    • Top : 0, Bottom : 0;

Case 23 :

Insert/Scrolling Border/Left Border Scroll :

• Vous allez chercher votre bordure décorative - déco1;
• Scroll Direction : Up;
• Scroll speed :
  • Pixels per second : 10;
  • Pixels per move : 1;
  • Fast Scroll : coché;
• Advanced Options :
  • Overlap with next object : coché;
  • Place over background : coché;
  • Transparency : 85;
  • Space between : 0;
  • Starting position : 0;

Case 24 :

Insert/Scrolling Border/Right Border Scroll :

• Vous allez chercher votre bordure décorative - déco2;
• Scroll Direction : Down;
• Scroll speed :
  • Pixels per second : 50;
  • Pixels per move : 1;
  • Fast Scroll : coché;
• Advanced Options :
  • Overlap with next object : coché;
  • Place over background : coché;
  • Transparency : 90;
  • Space between : 0;
  • Starting position : 200;

Case 25 :

Insert/Container/Positioned Container :

• Ce container servira pour votre deuxième colonne de bordures décoratives;
• Horizontal Layout :
  • Set Position and Width :
    • Left : 20, Size : 20;
• Vertical Layout :
  • Set Top and Bottom Edges :
    • Top : 0, Bottom : 0;

Case 26 :

Insert/Scrolling Border/Left Border Scroll :

• Vous allez chercher votre bordure décorative - déco1;
• Scroll Direction : Up;
• Scroll speed :
  • Pixels per second : 50;
  • Pixels per move : 1;
  • Fast Scroll : coché;
• Advanced Options :
  • Overlap with next object : coché;
  • Place over background : coché;
  • Transparency : 85;
  • Space between : 0;
  • Starting position : 200;

Case 27 :

Insert/Scrolling Border/Right Border Scroll :

• Vous allez chercher votre bordure décorative - déco2;
• Scroll Direction : Down;
• Scroll speed :
  • Pixels per second : 10;
  • Pixels per move : 1;
  • Fast Scroll : coché;
• Advanced Options :
  • Overlap with next object : coché;
  • Place over background : coché;
  • Transparency : 90;
  • Space between : 0;
  • Starting position : 400;

Cases 28 à 34 :

• Vous allez vous positionner sur la case 21 et faites Edit/Copy Positioned Container;
  
• Allez maintenant sur la case 27 et faites Edit/Paste Positioned Container;
• Vous êtes maintenant sur la case 28. Déplacez cette case complètement à gauche, soit au premier niveau;
• Changer Left pour Right;
• Case 29 : Changer Left pour Right;
• Case 32 : Changer Left pour Right;

Case 35 :

Insert/Container/Positioned Container :

• Ce container servira à l'ensemble de votre rectangle d'écriture;
• Déplacez cette case complètement à gauche, soit au premier niveau;
• Horizontal Layout :
  • Set Position and Width :
    • Center : 0, Size : 600;
• Vertical Layout :
  • Set Position and Height :
    • Top : 0; Size : 400;

Case 36 :

Insert/Frame :

• Style : Groove;
• Width : 4;
• Color : Votre couleur foncée;

Case 37 :

Insert/Scrolling Border/Left Border Scroll :

• Vous allez chercher votre tuile dégradée de 10 X 300;
• Scroll Direction : None;

Case 38 :

Insert/Scrolling Border/Right Border Scroll :

• Vous allez chercher votre tuile dégradée de 10 X 300;
• Scroll Direction : None;

Case 39 :

Insert/Frame :

• Style : Groove;
• Width : 4;
• Color : Votre couleur foncée;

Case 40 :

Insert/Container/Positioned Container :

• Ce container servira pour l'ensemble de votre bordure décorative gauche;
• Horizontal Layout :
  • Set Position and Width :
    • Left : 24, Size : 55;
• Vertical Layout :
  • Set Top and Bottom Edges :
    • Top : 4, Bottom : 4;

Case 41 :

Insert/Container/Positioned Container :

• Ce container servira pour votre première colonne de bordures décoratives;
• Horizontal Layout :
  • Set Position and Width :
    • Left : 0, Size : 20;
• Vertical Layout :
  • Set Top and Bottom Edges :
    • Top : 0, Bottom : 0;

Case 42 :

Insert/Scrolling Border/Left Border Scroll :

• Vous allez chercher votre bordure décorative - déco1;
• Scroll Direction : Down;
• Scroll speed :
  • Pixels per second : 10;
  • Pixels per move : 1;
  • Fast Scroll : coché;
• Advanced Options :
  • Overlap with next object : coché;
  • Place over background : coché;
  • Transparency : 85;
  • Space between : 0;
  • Starting position : 0;

Case 43 :

Insert/Scrolling Border/Right Border Scroll :

• Vous allez chercher votre bordure décorative - déco2;
• Scroll Direction : Up;
• Scroll speed :
  • Pixels per second : 50;
  • Pixels per move : 1;
  • Fast Scroll : coché;
• Advanced Options :
  • Overlap with next object : coché;
  • Place over background : coché;
  • Transparency : 90;
  • Space between : 0;
  • Starting position : 200;

Case 44 :

Insert/Container/Positioned Container :

• Ce container servira pour votre deuxième colonne de bordures décoratives;
• Horizontal Layout :
  • Set Position and Width :
    • Left : 10, Size : 20;
• Vertical Layout :
  • Set Top and Bottom Edges :
    • Top : 0, Bottom : 0;

Case 45 :

Insert/Scrolling Border/Left Border Scroll :

• Vous allez chercher votre bordure décorative - déco1;
• Scroll Direction : Down;
• Scroll speed :
  • Pixels per second : 50;
  • Pixels per move : 1;
  • Fast Scroll : coché;
• Advanced Options :
  • Overlap with next object : coché;
  • Place over background : coché;
  • Transparency : 85;
  • Space between : 0;
  • Starting position : 200;

Case 46 :

Insert/Scrolling Border/Right Border Scroll :

• Vous allez chercher votre bordure décorative - déco2;
• Scroll Direction : Up;
• Scroll speed :
  • Pixels per second : 10;
  • Pixels per move : 1;
  • Fast Scroll : coché;
• Advanced Options :
  • Overlap with next object : coché;
  • Place over background : coché;
  • Transparency : 90;
  • Space between : 0;
  • Starting position : 400;

Cases 47 à 53 :

• Vous allez vous positionner sur la case 40 et faites Edit/Copy Positioned Container;
• Rendez-vous à la dernière case, soit la case 46 et faites Edit/Paste Positioned Container;
• Déplacez cette case au deuxième niveau afin qu'elle soit alignée avec la case 40;
• Changer Left pour Right;
• Case 48 : Changer Left pour Right;
• Case 51 : Changer Left pour Right;

Case 54 :

Insert/Container/Positioned Container :

• Ce container servira pour votre rectangle d'écriture;
• Déplacez cette case au deuxième niveau afin qu'elle soit alignée avec la case 47;
• Horizontal Layout :
  • Set Left and Right Edges :
    • Left : 58, Right : 58;
• Vertical Layout :
  • Set Top and Bottom Edges :
    • Top : 8, Bottom : 8;

Case 55 :

Insert/Frame :

• Style : Groove;
• Width : 4;
• Color : Votre couleur foncée;

Case 56 :

Insert/Message Area :

• Inscrivez votre message;
• N'oubliez pas de mettre vos couleurs pour la barre de défilement;

Case 57 :

Insert/Message Area :

• Déplacez cette case complètement à gauche afin qu'elle soit au premier niveau;
• Simplement pour coloriser votre barre de défilement;

Case 58 :

Insert/Options :

• Configurez selon vos goûts;
• Pour ce Scrippy, j'ai choisi d'inscrire dans Minimum Display Size :
  • Width : 950;
  • Height : 400;
• N'oubliez pas de mettre votre couleur;

Case 59 :

Insert/Loading Message :

• Configurez selon vos goûts;

Case 60 :

Insert/Ticker :

• Je vous conseille d'aller voir le Conseil 1

Case 61 :

Insert/Sound :

• Selon votre goût.

Vous venez de terminer votre Scrippy.

J'espère qu'il vous a plu!

Bonne Création!

©Création LaMartine

Le 29 septembre 2005