Tutoriel "Les licornes!

Pour visualiser le scrippy que vous pourriez obtenir en partant de ce tutoriel, cliquez ICI.

Moi, je suis partie d'un premier container de base de 775 de largeur (horizontal) pour 1400 de hauteur (Vertical) pour y placer tous les éléments, dont un container très ample pour le message area. Comme background, j'ai utilisé une tuile des tuiles dorées que je me suis créées:

Procédé : Case 1 : Insert Container/Positioned Container et on met les valeurs suivantes: Horizontal Layout/set position and width/from center: 0; Size : specified size : 775 ; Horizontal Layout/ Set position and height/From center : 0/ Size: specified size : 1400. La valeur 1400 dépendra de la longueur de votre message: faites des essais pour trouver la valeur la plus juste pour votre message.
Case 2 : A l'intérieur de ce container construit précédemment, on va mettre tout d'abord le background: Insert/background, donc la tuile dorée qui sera récupérée en cliquant sur browse pour aller la rechercher dans le dossier où elle se trouve de notre ordi. Voici les valeurs que j'ai choisies dans la case background: Scrolling : Left+Down; Past scroll: coché; Pixels per second: 10; Pixels per move : 1 et dans Advanced options, rien n'est coché et tout doit être à 0.
Case 3 : Ajoutez un autre positioned container qui sera en retrait de 6 pixels de chaque côté: donc il faudra compléter la deuxième colonne de la case: il faut cocher Left et ajouter 6; Right : 6; Top : 6 et Bottom : 6. Case 4 : Ajoutez alors le background en sélectionnant la couleur noire: cochez Use the selected color et cliquez sur Set color pour sélectionner la couleur.
Les passages 3 et 4 nous permettent ainsi de construire le fond noir de l'ensemble.
Case 5 : Ajoutons maintenant un autre container qui nous permettra de construire le premier carré. Nous y mettrons les valeurs suivantes : Horizontal Layout/set position and width/from left : 20; Size : specified size : 150 ; Horizontal Layout/ Set position and height/From top : 2 0/ Size: specified size : 150.
Case 6 : Nous ajoutons ici le background: de nouveau la tuile dorée avec les même valeurs qu'au point 2.
Case 7 : Ajoutons maintenant un positioned container en retrait de 6 pixels de chaque côté, exactement comme au point 3.
Case 8 : Complétons avec le background, qui cette fois doit être un background, sur le modèle que je vous offre ici :

Cases 9-12: pour les construire: cliquez sur la case n° 5 et faites Edit/Copy positioned Container. Cliquez sur la dernière case de la file (donc la n°8) et cliquez sur la touche Paste: vous verrez que 4 nouvelles cases vont se retrouver en dessous de la case 8: faites en sorte que la case 9 soit bien parallèle à la case 5 et les 3 autres cases en retrait. Cliquez sur la case 9 et changez seulement une donnée: cochez Right.
Cases 13-16 : exactement comme pour les cases 9-12 et cette fois-ci cochez. Laissez inchangé tout le reste.
Cases 17-20 : exactement comme pour les cases 9-12 et cette fois-ci cochez Right et Bottom.
Cases 21-24 : exactement comme pour les cases 9-12 et cette fois-ci cochez Center: 0 et Top : 20.
Cases 25-28 : exactement comme pour les cases 9-12 et cette fois-ci cochez Center 0 et Bottom : 20. Cases 29-32 : exactement comme pour les cases 9-12, mais cette fois-ci nous allons mettre un autre background. Moi, j'y ai mis un grand background que je vous offre ici :

Et il faudra alors donner d'autres mesures à ce rectangle central : Horizontal : Center : 0; Specified size : 550 ; Vertical : From Top : 200 ; Specified size : 400.
Cases

Cases 33-36 : exactement comme pour les cases 9-12, mais nous mettrons les valeurs suivantes au container base : Horizonatal : Center : 0; Specified size : 550 ; Vertical : From Bottom : 209 et Specified Size : 550. Le deuxième background sera alors la couleur noire. Comme case 37, nous allons ajouter le Message area, bien en-dessous de la case 36. Pour les marges, vous vous réglez comme vous voulez. Moi, j'y ai mis 10 de chaque côté. Si vous savez donner les justes dimensions au container de la case 33, vous n'aurez pas besoin de mettre des couleurs pour le scrollbar, car il n'apparaîtra pas.
Complétez avec le ticker, le sound (musique) et éventuellement avec un Loading messge.
Votre scrippy est prêt pour être sauvegardé et utilisé comme message ou pour embellir une page web.
Variantes : vous pourrez utiliser un glitter au lieu d'une tuile ou bien mettre un gif animé à la place du background qui apparaît dans les différents carrés. Vous pourrez aussi transformer les petites fenêtres en les rendant des rectangles. Une autre transformation pourra consister dans l'élimination du grand rectangle pour le message area et utiliser le grand rectangle avec le grand background pour y mettre le message area.

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

Ce tutoriel a été créé le 08 janvier 2003 dans le contexte des travaux du groupe Franco-scrippy, fondé par Mario Panone.
Si vous voulez des informations ultérieures sur ce groupe cliquez sur le logo:

Si vous voulez vous inscrire à ce groupe, cliquez ICI.

Bon amusementl!

Lorenza
p. s: si vous voulez m'écrire pour avoir des informations supplémentaires ou pour me suggérer des conseils, cliquez ICI .