
Mots d'art & Scénarios Poésie, littérature, pensées, scripts d'art, oeuvres de Ginette Villeneuve |
| | | Cours Visual Basic Script : Connie Shultza en français | |
| |
| Auteur | Message |
|---|
Gi Rang: Administrateur

Nombre de messages: 11439 Localisation: Terrebonne, Québec, Canada Date d'inscription: 18/12/2004
 | Sujet: Re: Cours Visual Basic Script : Connie Shultza en français Jeu 13 Oct - 20:38 | |
| Traduction par Mickaëla P ©Connie Schutza Hill 2003 Tous droits réservés Cours 7 B 4-----------------------------------------------
| Code: | Votre manuscrit devrait ressembler à ceci . la nouvelle substance que nous avons juste ajoutée est en rouge ainsi vous pouvez voir où elle doit entrer en votre script .
<html> <head> <title> </title> <!--script by votre nom--> <style> Body{ BORDER-RIGHT: #A58FBE 7px inset; BORDER-TOP: #A58FBE 7px outset; BORDER-LEFT: #A58FBE 7px outset; BORDER-BOTTOM: #A58FBE 7px inset; scrollbar-face-color:#A58FBE; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#A58FBE; scrollbar-darkshadow-color:#A58FBE; scrollbar-shadow-color:#A58FBE; scrollbar-arrow-color:#000000; scrollbar-track-color:#A58FBE; } .tb3{ BORDER-RIGHT: #A387BB 7px double; BORDER-TOP: #A387BB 7px double; BORDER-LEFT: #A387BB 7px double; BORDER-BOTTOM: #A387BB 7px double; background color:#A387BB; } .tc3{ BORDER-RIGHT: #7C589E 7px double; BORDER-TOP: #7C589E 7px double; BORDER-LEFT: #7C589E 7px double; BORDER-BOTTOM: #7C589E 7px double; background color:#7C589E; } .phto{ BORDER-RIGHT: #A387BB 7px double; BORDER-TOP: #A387BB 7px double; BORDER-LEFT: #A387BB 7px double; BORDER-BOTTOM: #A387BB 7px double; } .tx{ background color:#A387BB; scrollbar-face-color:#A387BB; scrollbar-highlight-color:#D9DCE3; scrollbar-3dlight-color:#A387BB; scrollbar-darkshadow-color:#A387BB; scrollbar-shadow-color:#A387BB; scrollbar-arrow-color:#D9DCE3; scrollbar-track-color:#A387BB; BORDER-RIGHT: #A387BB 7px double; BORDER-TOP: #A387BB 7px double; BORDER-LEFT: #A387BB 7px double; BORDER-BOTTOM: #A387BB 7px double; padding:10px; text-align: center; OVERFLOW: auto; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: #D9DCE3; height:150px; width: 100%; } </style> </head> <!--La tuile de fond cet tient ici tout sur une ligne--> <BODY bgColor=#FFFFFF onload="window.status='. . . . . . . Stat and script by Connie . . . . . . . '" background="C:/Program Files/Fichiers communs/Microsoft Shared/Papier à lettres/SEAMLESS TILE HERE.jpg"> <!--Fichie Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers communs/Microsoft Shared/Papier à lettres/Midi File.mid" volume=0 loop=infinite> <TABLE class=tb2 width=350px align=center cellpadding=5 cellspacing=10> <TR> <TD class=tc2 align=center> <TABLE class=tb3 width=350px align=center cellpadding=10 cellspacing=20> <TR> <TD class=tc3 align=center><IMG class=phto alt=" ARTIST NAME HERE" src="C:/Program Files/Fichiers communs/Microsoft Shared/Papier à lettres/IMAGE HERE.jpg" border="0"></TD></TR> <TR> <TD class=tc3 align=center><DIV class=tx>text</DIV></TD></TR></TABLE> </TD></TR></TABLE> </body> </html> -------------------------------------------------5-----------------------------------------------
Prochaine étape.
mettre les codes de modèle de classe pour la nouvelle table et la nouvelle cellule de table. choisissez les couleurs et les frontières de la manière que vous voulez qu'elles se voient et nous nous déplaçons à la prochaine étape.
-------------------------------------------------6-----------------------------------------------
Votre script devrait ressembler à ceci. la nouvelle substance que nous avons juste ajoutée est en rouge ainsi vous pouvez voir où elle doit être placée .
<html> <head> <title> </title> <!--script by votre nom--> <style> Body{ BORDER-RIGHT: #A58FBE 7px inset; BORDER-TOP: #A58FBE 7px outset; BORDER-LEFT: #A58FBE 7px outset; BORDER-BOTTOM: #A58FBE 7px inset; scrollbar-face-color:#A58FBE; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#A58FBE; scrollbar-darkshadow-color:#A58FBE; scrollbar-shadow-color:#A58FBE; scrollbar-arrow-color:#000000; scrollbar-track-color:#A58FBE; } .tb2{ BORDER-RIGHT: #887FB8 7px double; BORDER-TOP: #887FB8 7px double; BORDER-LEFT: #887FB8 7px double; BORDER-BOTTOM: #887FB8 7px double; background color:#887FB8; } .tc2{ BORDER-RIGHT: #887FB8 7px double; BORDER-TOP: #887FB8 7px double; BORDER-LEFT: #887FB8 7px double; BORDER-BOTTOM: #887FB8 7px double; background color:#BBAACE; } .tb3{ BORDER-RIGHT: #A387BB 7px double; BORDER-TOP: #A387BB 7px double; BORDER-LEFT: #A387BB 7px double; BORDER-BOTTOM: #A387BB 7px double; background color:#A387BB; } .tc3{ BORDER-RIGHT: #7C589E 7px double; BORDER-TOP: #7C589E 7px double; BORDER-LEFT: #7C589E 7px double; BORDER-BOTTOM: #7C589E 7px double; background color:#7C589E; } .phto{ BORDER-RIGHT: #A387BB 7px double; BORDER-TOP: #A387BB 7px double; BORDER-LEFT: #A387BB 7px double; BORDER-BOTTOM: #A387BB 7px double; } .tx{ background color:#A387BB; scrollbar-face-color:#A387BB; scrollbar-highlight-color:#D9DCE3; scrollbar-3dlight-color:#A387BB; scrollbar-darkshadow-color:#A387BB; scrollbar-shadow-color:#A387BB; scrollbar-arrow-color:#D9DCE3; scrollbar-track-color:#A387BB; BORDER-RIGHT: #A387BB 7px double; BORDER-TOP: #A387BB 7px double; BORDER-LEFT: #A387BB 7px double; BORDER-BOTTOM: #A387BB 7px double; padding:10px; text-align: center; OVERFLOW: auto; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: #D9DCE3; height:150px; width: 100%; } </style> </head> <!--La tuile de fond cet tient ici tout sur une ligne--> <BODY bgColor=#FFFFFF onload="window.status='. . . . . . . Stat and script by Connie . . . . . . . '" background="C:/Program Files/Fichiers communs/Microsoft Shared/Papier à lettres/SEAMLESS TILE HERE.jpg"> <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers communs/Microsoft Shared/Papier à lettres/Midi File.mid" volume=0 loop=infinite> <TABLE class=tb2 width=350px align=center cellpadding=5 cellspacing=10> <TR> <TD class=tc2 align=center> <TABLE class=tb3 width=350px align=center cellpadding=10 cellspacing=20> <TR> <TD class=tc3 align=center><IMG class=phto alt=" ARTIST NAME HERE" src="C:/Program Files/Fichiers communs/Microsoft Shared/Papier à lettres/IMAGE HERE.jpg" border="0"></TD></TR> <TR> <TD class=tc3 align=center><DIV class=tx>text</DIV></TD></TR></TABLE> </TD></TR></TABLE> </body> </html> |
Dernière édition par Gi le Sam 22 Aoû - 14:12, édité 1 fois |
|  | | Gi Rang: Administrateur

Nombre de messages: 11439 Localisation: Terrebonne, Québec, Canada Date d'inscription: 18/12/2004
 | Sujet: cours 7 C Jeu 13 Oct - 20:40 | |
| Traduction par Mickaëla P ©Connie Schutza Hill 2003 Tous droits réservés [b]cours 7 C
7-----------------------------------------------
| Code: | Etape suivante , une autre Table emboitée.
Comme auparavant, vous allez juste au-dessus de la dernière table que vous avez juste ajouté au scénario et ouvrez une nouvelle table, nouvelle rangée et une nouvelle cellule. Donnez à votre table et votre cellule un nom de classe id et dites à la cellule de s'aligner au centre. Assurez-vous de donner à notre nouvelle table le cellpadding et cellspacing. Allez juste au-dessous du dernier jeu de balises finales pour la dernière table, la rangée et la cellule et ajoutez un autre jeu de balises finales pour cette cellule, la rangée et la table. Vous devez fermer chaque table que vous ajoutez à vos emboitements , ne l'oubliez pas. Souvenez-vous,que toute la substance que nous mettons dans le scénario d'abord, est à l'intérieur de la cellule de la première table dans le scénario.
-------------------------------------------------8-----------------------------------------------
Avec ce que nous avons ajouté de substance , que vous voyez en rouge ci dessous pour vous cituez son emplacement , votre scénario devrait ressembler à.....
<html> <head> <title> </title> <!--script by votre nom--> <style> Body{ BORDER-RIGHT: #A58FBE 7px inset; BORDER-TOP: #A58FBE 7px outset; BORDER-LEFT: #A58FBE 7px outset; BORDER-BOTTOM: #A58FBE 7px inset; scrollbar-face-color:#A58FBE; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#A58FBE; scrollbar-darkshadow-color:#A58FBE; scrollbar-shadow-color:#A58FBE; scrollbar-arrow-color:#000000; scrollbar-track-color:#A58FBE; } .tb2{ BORDER-RIGHT: #887FB8 7px double; BORDER-TOP: #887FB8 7px double; BORDER-LEFT: #887FB8 7px double; BORDER-BOTTOM: #887FB8 7px double; background color:#887FB8; } .tc2{ BORDER-RIGHT: #887FB8 7px double; BORDER-TOP: #887FB8 7px double; BORDER-LEFT: #887FB8 7px double; BORDER-BOTTOM: #887FB8 7px double; background color:#BBAACE; } .tb3{ BORDER-RIGHT: #A387BB 7px double; BORDER-TOP: #A387BB 7px double; BORDER-LEFT: #A387BB 7px double; BORDER-BOTTOM: #A387BB 7px double; background color:#A387BB; } .tc3{ BORDER-RIGHT: #7C589E 7px double; BORDER-TOP: #7C589E 7px double; BORDER-LEFT: #7C589E 7px double; BORDER-BOTTOM: #7C589E 7px double; background color:#7C589E; } .phto{ BORDER-RIGHT: #A387BB 7px double; BORDER-TOP: #A387BB 7px double; BORDER-LEFT: #A387BB 7px double; BORDER-BOTTOM: #A387BB 7px double; } .tx{ background color:#A387BB; scrollbar-face-color:#A387BB; scrollbar-highlight-color:#D9DCE3; scrollbar-3dlight-color:#A387BB; scrollbar-darkshadow-color:#A387BB; scrollbar-shadow-color:#A387BB; scrollbar-arrow-color:#D9DCE3; scrollbar-track-color:#A387BB; BORDER-RIGHT: #A387BB 7px double; BORDER-TOP: #A387BB 7px double; BORDER-LEFT: #A387BB 7px double; BORDER-BOTTOM: #A387BB 7px double; padding:10px; text-align: center; OVERFLOW: auto; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: #D9DCE3; height:150px; width: 100%; } </style> </head> <!--La tuile de fond ce tient ici tout sur une ligne--> <BODY bgColor=#FFFFFF onload="window.status='. . . . . . . Stat and script by Connie . . . . . . . '" background="C:/Program Files/Fichiers communs/Microsoft Shared/Papier à lettres/SEAMLESS TILE HERE.jpg"> <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers communs/Microsoft Shared/Papier à lettres/Midi File.mid" volume=0 loop=infinite> <TABLE class=tb width=350px align=center cellpadding=5 cellspacing=1> <TR> <TD class=tc align=center> <TABLE class=tb2 width=350px align=center cellpadding=5 cellspacing=10> <TR> <TD class=tc2 align=center> <TABLE class=tb3 width=350px align=center cellpadding=10 cellspacing=20> <TR> <TD class=tc3 align=center><IMG class=phto alt=" ARTIST NAME HERE" src="C:/Program Files/Fichiers communs/Microsoft Shared/Papier à lettres/IMAGE HERE.jpg" border="0"></TD></TR> <TR> <TD class=tc3 align=center><DIV class=tx>text</DIV></TD></TR></TABLE> </TD></TR></TABLE> </TD></TR></TABLE> </body> </html> -------------------------------------------------9-----------------------------------------------
Le dernier pas Ajoutez les codes de style pour la table et la cellule de table que nous avons juste ajoutée au scénario. Et nous avons fini avec cette leçon sur des tables emboîtées. Vous voyez que ce n'est pas dure du tout. La partie la plus dure maintenant c'est de mettre les couleurs de styles de frontières que vous souhaitez sur toutes les tables et des cellules.. Cela peut prendre une éternité ........ lol lol
-------------------------------------------------10-----------------------------------------------
Votre script avec ce que nous venons juste d'ajouter de code est en rouge dans celui ci dessous donc vous pouvez mieux voir où le placer.
<html> <head> <title> </title> <!--script by votre nom--> <style> Body{ BORDER-RIGHT: #A58FBE 7px inset; BORDER-TOP: #A58FBE 7px outset; BORDER-LEFT: #A58FBE 7px outset; BORDER-BOTTOM: #A58FBE 7px inset; scrollbar-face-color:#A58FBE; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#A58FBE; scrollbar-darkshadow-color:#A58FBE; scrollbar-shadow-color:#A58FBE; scrollbar-arrow-color:#000000; scrollbar-track-color:#A58FBE; } .tb{ BORDER-RIGHT: #4D3D6E 2px solid; BORDER-TOP: #4D3D6E 2px solid; BORDER-LEFT: #4D3D6E 2px solid; BORDER-BOTTOM: #4D3D6E 2px solid; background color:#776CB0; } .tc{ BORDER-RIGHT: #B9B4D5 7px double; BORDER-TOP: #B9B4D5 7px double; BORDER-LEFT: #B9B4D5 7px double; BORDER-BOTTOM: #B9B4D5 7px double; background color:#B9B4D5; } .tb2{ BORDER-RIGHT: #887FB8 7px double; BORDER-TOP: #887FB8 7px double; BORDER-LEFT: #887FB8 7px double; BORDER-BOTTOM: #887FB8 7px double; background color:#887FB8; } .tc2{ BORDER-RIGHT: #887FB8 7px double; BORDER-TOP: #887FB8 7px double; BORDER-LEFT: #887FB8 7px double; BORDER-BOTTOM: #887FB8 7px double; background color:#BBAACE; } .tb3{ BORDER-RIGHT: #A387BB 7px double; BORDER-TOP: #A387BB 7px double; BORDER-LEFT: #A387BB 7px double; BORDER-BOTTOM: #A387BB 7px double; background color:#A387BB; } .tc3{ BORDER-RIGHT: #7C589E 7px double; BORDER-TOP: #7C589E 7px double; BORDER-LEFT: #7C589E 7px double; BORDER-BOTTOM: #7C589E 7px double; background color:#7C589E; } .phto{ BORDER-RIGHT: #A387BB 7px double; BORDER-TOP: #A387BB 7px double; BORDER-LEFT: #A387BB 7px double; BORDER-BOTTOM: #A387BB 7px double; } .tx{ background color:#A387BB; scrollbar-face-color:#A387BB; scrollbar-highlight-color:#D9DCE3; scrollbar-3dlight-color:#A387BB; scrollbar-darkshadow-color:#A387BB; scrollbar-shadow-color:#A387BB; scrollbar-arrow-color:#D9DCE3; scrollbar-track-color:#A387BB; BORDER-RIGHT: #A387BB 7px double; BORDER-TOP: #A387BB 7px double; BORDER-LEFT: #A387BB 7px double; BORDER-BOTTOM: #A387BB 7px double; padding:10px; text-align: center; OVERFLOW: auto; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: #D9DCE3; height:150px; width: 100%; } </style> </head> <!--La tuile de fond ce tient ici tout sur une ligne--> <BODY bgColor=#FFFFFF onload="window.status='. . . . . . . Stat and script by Connie . . . . . . . '" background="C:/Program Files/fichiers communs/Microsoft Shared/Stationery/SEAMLESS TILE HERE.jpg"> <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers communs/Microsoft Shared/Papier à lettres/Midi File.mid" volume=0 loop=infinite> <TABLE class=tb width=350px align=center cellpadding=5 cellspacing=1> <TR> <TD class=tc align=center> <TABLE class=tb2 width=350px align=center cellpadding=5 cellspacing=10> <TR> <TD class=tc2 align=center> <TABLE class=tb3 width=350px align=center cellpadding=10 cellspacing=20> <TR> <TD class=tc3 align=center><IMG class=phto alt=" ARTIST NAME HERE" src="C:/Program Files/Fichiers communs/Microsoft Shared/Papier à lettres/IMAGE HERE.jpg" border="0"></TD></TR> <TR> <TD class=tc3 align=center><DIV class=tx>text</DIV></TD></TR></TABLE> </TD></TR></TABLE> </TD></TR></TABLE> </body> </html> Voir l'exemple ICI -------------------------------------------------11----------------------------------------------- Devoirs
Concevez vos propres scénarios et utilisez ce que vous avez appris dans la leçon. Amusez-vous et inventez quelques grands scénarios d'amusement remplis de votre magie.. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[/ | b]
Dernière édition par Gi le Sam 22 Aoû - 14:13, édité 1 fois |
|  | | Gi Rang: Administrateur

Nombre de messages: 11439 Localisation: Terrebonne, Québec, Canada Date d'inscription: 18/12/2004
 | Sujet: Cours 8 A Jeu 13 Oct - 20:46 | |
| Traduction par Mickaëla P ©Connie Schutza Hill 2003 Tous droits réservés Lesson8 A Bienvenue dans la leçon 8
| Code: | Ceci est un site d'enseignement pour ceux qui veulent apprendre à écrire des scripts pour la papeterie d'email. Les leçons que vous utiliserez sont toutes écrites par Connie Schutza Hill sauf indication contraire et traduite par moi , Mickaëla P. Elle tient tous les droits d'auteur sur ces leçons et les TERMES D'UTILISATION sont inscrits sur la page d'INTRO . Lisez s'il vous plaît ces règles et soumettez-vous y. ---------------------------------------------------------------------- Voici la leçon 8 et cette fois nous apprendrons comment mettre plus d'une image dans la même cellule de table. Si vous essayez de mettre plus d'une image dans la même cellule d'une table avec ce que vous savez jusqu'ici, la table déplacera les images autour de la ligne, côte à côte ou s'alignera en formant une grande colonne à partir du dessus au fond de la cellule. Ce n'est pas ce que nous voulons , ainsi de cette semaine , nous allons apprendre quoi dire à notre table pour nous permettre d'empiler nos images l'une sur l'autre. Vous pourrez mettre un petit GIF transparent dans la cellule et le placer où vous le voulez sur l'image principale et elle restera là. Vous pourrez même ajouter à l' intérieur un " marquee" et ils auront un mouvement d'image à travers l'image principale. Le plus important cependant, c'est le tour que vous devez apprendre .Vous pourrez plus tard appliquer certains des filtres merveilleux aux images , vous pourrez faire une exposition d'images . Nous sommes prêts au jouer avec la plus haute la magie de scripting, nous nous préparons à notre voyage du VBS. -------------Ce que nous avons besoin pour la leçon ----------
1. 1 image principale. du domaine publique ou une de vos propres photos.
4. Deux petits GIF transparents .
3. 1 midi.
4. 1 tuile pour le background .
5. HTML Kit ou blocnoteou autre...
Une note pour vous : Puisque nous allons devoir savoir de quelle taille sont nos images , une chose appréciable est d'ajouter la taille de l'image au nom de l'image. Je fais ainsi car cela m'évite de rouvrir PSP et rechercher les tailles , ou bien notez les sur un papier , mais si vous êtes comme moi , je me retrouve avec une pile de papier sur mon bureau. Ainsi je peux dire d'un coup d'oeil de quelle taille sont mes images , parce que la taille fait partie du nom de l'image. Je gagne beaucoup de temps et ne suis pas ennuyée en faisant de cette façon .
--------------------------codes des couleurs dans la leçon------------------------------------------- Pendant la leçon, si vous voyez quelque chose dans cette couleur bleue brillante c'est juste pour attirer votre attention sur cette balise. Les choses en bleu foncé seront là pour vous montrer à quoi votre script doit ressembler à cette endroit dans la leçon. Cela vous aidera à voir ce qui vous manque si vous vous heurtez à un problème dans la leçon. Afin de vous aider un peu mieux la nouvelle substance qui sera ajoutée dans le script sera en texte rouge. Quoi que ce soit en vert est la nouvelle particule de scénario que vous ajouterez . Vous pourrez alors vérifier à quoi le plein scénario devrait ressembler en vous déplaçant au secteur bleu foncé qui suivra toujours le secteur vert. Les lignes rouges sont juste pour trier les sections de la leçon . J'ajouterai des numéros à ces lignes donc vous pourrez mieux savoir ou vous en êtes. ------------------------1-------------------- Demarrons notre leçon
voici le nouveau code que vous devrez apprendre pour cette leçon .
position: relative ceci indique au PC où placer un objet .
Parlons un peu de la position relative comparé à la position absolute. Nous avons déjà employé la position absolue et cependant vous savez qu'elle ne fonctionne pas à l'intérieur d'une cellule de table parce que la table flotte et de dire à un pbjet d'y reposer en position absolue ne permettra pas à cet objet de flotter avec la table . la position realtive, tient compte pour que l'objet flotte avec la table. Parce que quand nous disons de placer quelque chose à la position relative, nous lui disons de ne pas s'inquiéter du dessus de l'écran ou de la gauche de l'écran . Nous lui disons de s'inquiéter seulement du récipient ou il est et ne pas sortir de ce récipient pour n'importe quelle raison, même si le récipient flotte plus étroitement ou plus loin à partir du dessus ou à gauche de l'écran. Pour mieux comprendre la position relative pensez à un réservoir rempli dl'eau avec des poissons. maintenant nous voulons mettre quelque chose flottant sur l'eau , mettons un couvercle sur une fiole et mettons cette fiole dans le réservoir à poissons. Voyez comment elle flotte sur l'eau . Si l'eau se déplace, la fiole se déplace . Puisque la fiole flotte avec l'eau , elle est placée relativement sur l'eau . Elle sera toujours relatif parce qu'elle dépend du dessus de l'eau . Si nous devions coller la fiole sur le côté du réservoir de poissons, la fiole serait alors position absolu à partir du dessus et à gauche du réservoir. La fiole ne se déplacerait pas de l'eau et resterait sur le côté du réservoir. Maintenant, si nous enlevons la fiole et mettons un objet à l'intérieur de la fiole et mettons le couvercle sur la fiole et la remettons dans l'eau notre fiole flottera mais l'objet à l'intérieur de la fiole restera dans une tache à l'intérieur de la fiole. C'est parce que l'objet à l'intérieur de la fiole est position absolue. L'objet à l'intérieur de la fiole ne s'inquiète pas ce que fait l'eau, il sera toujours à la même distance du dessus et à gauche de l'intérieur de la fiole n'importe où la fiole va à l'intérieur du réservoir. Il ne se déplacera pas en dehors de la fiole mais il se déplacera avec la fiole parce qu'il est contenu à l'intérieur de la fiole. C'est ce que nous allons faire à l'intérieur de notre table. Nous mettrons une division à l'intérieur d'une cellule de table et la placerons relativement au dessus et à la gauche de la cellule. Nous la faisons relative, ainsi si la cellule se déplace plus ou flotte autour, la division restera à l'intérieur de la cellule et n'ira jamais plus ou moins loin des Pixels que nous lui avons dit à partir du dessus et à gauche . Alors nous mettrons nos images ou d'autres objets à l'intérieur de la division principale et les placerons absolues à partir du dessus et de la gauche de la division principale. Nous mettrons le couvercle sur notre division en fermant la balise de division et nous avons juste capturé nos images et d'autres objets à l'intérieur de notre division , maintenant elles resteront dans la division et la division principale flottera avec la table. Le prochain tour que je veux partager avec vous est que vos images apparaîtront dans la cellule selon la façon dont vous les mettrez dans le script. L'image que vous mettez à l'intérieur en premier sera toujours sur le fond et chacune des prochaines images s'étendra sur cette image. Ainsi si vous mettez un GIF transparent dedans d'abord, votre image principale le cachera. Soyez sûr de les mettre dans le manuscrit dans l'ordre correct. -------------------------2-------------------- Maintenant écrivons notre script. Démarrez votre nouveaux script avec les balises html , head, style, son et balise body . Nous voulons des scrollbars et frontières de corps ( Body) et mettons nos codes à l'intérieur des balises style . Nous voulons également que notre fond ait une tuile ainsi la mettre dans la balise de Body comme d'habitude.
Puisque nous savons que nous allons faire un script de table mettre vos codes de style pour la table, les cellules de table, et la boîte à textes. Nous allons avoir besoin des codes de style pour une division, les images et le "Marquee" mais ceux ci peuvent attendre jusqu'à ce que nous soyons prêts à les employer. Ils seront un peu différents que nos codes normaux de style pour ces objets. Nous allons travailler avec une table, avancer et ouvrir la table et mettre dans la table la balise fermante . Ne vous inquiétez pas des cellules et des rangées encore, nous y arriverons après. Les cellules seront un peu différentes cette fois due à placer plus d'une image dans la cellule supérieure. Rappelez-vous de donner à la table le cellpadding et cellspacing et de lui donner un nom de classe ID aussi. --------------------------3---------------------- Votre script devrait ressembler à celui ci après vos arrangements...
<html> <head> <title> </title> <!--script by Connie--> <style> Body{ BORDER-RIGHT: #998086 7px inset; BORDER-TOP: #998086 7px outset; BORDER-LEFT: #998086 7px outset; BORDER-BOTTOM: #998086 7px inset; scrollbar-face-color:#998086; scrollbar-highlight-color:#CABFBF; scrollbar-3dlight-color:#795F5F; scrollbar-darkshadow-color:#4C2929; scrollbar-shadow-color:#644545; scrollbar-arrow-color:#CABFBF; scrollbar-track-color:#998086; } .tb{ border-top: #624343 8px solid; border-left: #361C1C 8px solid; border-right: #624343 8px solid; border-bottom: #361C1C 8px solid; background color:#4C2828; } .tc{ BORDER-RIGHT: #361C1C 7px double; BORDER-TOP: #361C1C 7px double; BORDER-LEFT: #624343 7px double; BORDER-BOTTOM: #624343 7px double; } .tx{ background color:#492626; scrollbar-face-color:#4C2828; scrollbar-highlight-color:#887171; scrollbar-3dlight-color:#492626; scrollbar-darkshadow-color:#201010; scrollbar-shadow-color:#644545; scrollbar-arrow-color:#887171; scrollbar-track-color:#4C2828; BORDER-RIGHT: #361C1C 7px double; BORDER-TOP: #361C1C 7px double; BORDER-LEFT: #624343 7px double; BORDER-BOTTOM: #624343 7px double; padding:10px; text-align: center; OVERFLOW: auto; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: #8B7474; height:150px; width: 100%; } </style> </head> <!--la tuile de fond- background- ici, tout sur une ligne--> <BODY bgColor=#FFFFFF onload="window.status='. . . . . . . Stat et script par Votre Nom . . . '" background="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/BACKGROUND TILE.jpg"> <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Fichiers Communs/Common Files/Microsoft Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite> <TABLE class=tb width=450px align=center cellpadding=20 cellspacing=30> </TABLE> </body> </html> |
Dernière édition par Gi le Sam 22 Aoû - 14:14, édité 1 fois |
|  | | Gi Rang: Administrateur

Nombre de messages: 11439 Localisation: Terrebonne, Québec, Canada Date d'inscription: 18/12/2004
 | Sujet: Re: Cours Visual Basic Script : Connie Shultza en français Jeu 13 Oct - 21:05 | |
| Traduction par Mickaëla P ©Connie Schutza Hill 2003 Tous droits réservés Cours 8 b
------------------------4-----------------------
| Code: | Okay commençons notre rangée de table . Ce sera la balise normale <TR> que nous employons toujours ainsi mettons cela dans le script . Après ouvrez votre première cellule comme d'habitude et donnez lui un nom de classe d'identification et dites-lui de s'aligner au centre . <TD class=tc align=center> Okay c'est là où les choses commencent à changer un peu. Dans cette cellule supérieure nous voulons avoir notre image principale et nous voulons mettre un petit GIF transparent sur cette image et nous voulons voir courir un "Marquee" du bas jusqu'en haut de la cellule avec un autre petit GIF transparent à l'intérieur de ce " Marquee". Puisque la cellule de table ne nous permettra pas de faire ce que nous voulons faire sans utiliser un récipient pour tenir toute notre substance, et parce que nous voullons que ce récipient flotte avec la table, nous allons installer maintenant dans notre script ce nouveau code que nous sommes entrain d'apprendre dans cette leçon.
A l'intérieur de la cellule de table ouvrez une division. Donnez à la division une classe d' identification et dites-lui de s'aligner au centre. <DIV class=dv align=center>
Ne fermez pas la division encore, souvenez vous , nous veulons mettre nos images dans la division ainsi maintenez la ouverte pour l'instant. Placez votre image principale dans le manuscrit avec la balise normale d'image, donnez-lui un nom de classe d'identification . <IMG class=phto src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MAIN IMAGE.jpg">
Ensuite nous voulons mettre notre premier petit GIF transparent dans le manuscrit et il emploiera la balise normale d'image , il aura besoin d'un nom de classe d'identification aussi . <IMG class=phto2 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/transparent.gif"> Après nous mettons notre "marquee" dans le manuscrit. Utilisez une balise normale de "marquee" comme avant. Soyez sûr de donner au "marqee" un nom de classe ID . Parce que nous voulons que cellei-ci aille vers le haut nous devons lui dire le direction=up et nous voulons qu'elle ait un GIF transparent à l'intérieur donc nous mettons cela dans le script aussi et nous clôturons ce "marquee" maintenant. Nous avons fini d' ajouter la substance qui va à l'intérieur de la division et de la cellule et de la rangée donc mettez les balises de fermetures .
<marquee class=mar direction=up><IMG src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/TRANSPARENT.gif"></MARQUEE></DIV></TD></TR>
-------------------------5--------------------
Votre manuscrit devrait ressembler à ceci en ce moment .
<html> <head> <title> </title> <!--script by Connie--> <style> Body{ BORDER-RIGHT: #998086 7px inset; BORDER-TOP: #998086 7px outset; BORDER-LEFT: #998086 7px outset; BORDER-BOTTOM: #998086 7px inset; scrollbar-face-color:#998086; scrollbar-highlight-color:#CABFBF; scrollbar-3dlight-color:#795F5F; scrollbar-darkshadow-color:#4C2929; scrollbar-shadow-color:#644545; scrollbar-arrow-color:#CABFBF; scrollbar-track-color:#998086; } .tb{ border-top: #624343 8px solid; border-left: #361C1C 8px solid; border-right: #624343 8px solid; border-bottom: #361C1C 8px solid; background color:#4C2828; } .tc{ BORDER-RIGHT: #361C1C 7px double; BORDER-TOP: #361C1C 7px double; BORDER-LEFT: #624343 7px double; BORDER-BOTTOM: #624343 7px double; } .tx{ background color:#492626; scrollbar-face-color:#4C2828; scrollbar-highlight-color:#887171; scrollbar-3dlight-color:#492626; scrollbar-darkshadow-color:#201010; scrollbar-shadow-color:#644545; scrollbar-arrow-color:#887171; scrollbar-track-color:#4C2828; BORDER-RIGHT: #361C1C 7px double; BORDER-TOP: #361C1C 7px double; BORDER-LEFT: #624343 7px double; BORDER-BOTTOM: #624343 7px double; padding:10px; text-align: center; OVERFLOW: auto; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: #8B7474; height:150px; width: 100%; } </style> </head> <!--la tuile de fond- background- ici, tout sur une ligne--> <BODY bgColor=#FFFFFF onload="window.status='. . . . . . . Stat et script par Votre Nom . . . '" background="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/BACKGROUND TILE.jpg"> <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite> <TABLE class=tb width=450px align=center cellpadding=20 cellspacing=30> <TR> <TD class=tc align=center><DIV class=dv align=center> <IMG class=phto src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MAIN IMAGE.jpg"> <IMG class=phto2 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/transparent.gif"> <marquee class=mar direction=up><IMG src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/TRANSPARENT.gif"></MARQUEE></DIV></TD></TR> </TABLE> </body> </html>
--------------------------6----------------------
après nous devons faire notre style Nous allons faire notre style pour la division, les images et le marquee maintenant ainsi elles seront placées où nous les voulons et nous assurerons qu'elles fonctionnent avant que nous nous déplacions au reste du manuscrit. Allez aux balises de style en haut du manuscrit et mettez dedans le code pour votre division. Dans cette catégorie nous voulons lui dire que la division aura des (frontières) borders. Nous mettons les frontières sur la division au lieu de l'image parce que c'est une bonne habitude à prendre . La majeure partie du temps c'est mieux de le faire de cette façon parce que plus tard quand nous ferons nos transitions de filtre sur nos images, nous ne voudrons pas que nos frontières disparaissent et c'est ce qui se produira si vous l mettez les bords sur l'image. Cependant en les plaçant sur la division , ils resteront tandis que ce sont les bords de l'image qui disparaitront ... La division devra également savoir sa taille. Si vous vous rappelez, quand vous ajoutez des frontières à une division , elles prennent l'espace loin du secteur utilisable de la division ainsi soyez sûrs de faire la division de la même taille que votre plus grande image et d'ajouter la largeur des frontières à chacun des quatre côtés. Ainsi si votre image est 100 x100 et vos frontières 5 chacunes vous l'ajoutez à la division alors votre division devra être 110 x 110. De cette façon l'image ne cachera pas les bords sur la division. Maintenant cette division doit également savoir où se mettre et rester, elle est à l'intérieur d'une cellule de table ainsi nous lui dirons de se placer position relative. Nous devons dire aussi à quelle distance de la gauche et du bas.. Pour un placement facile utiliser 0px top and left.
Mon code pour ma division ressemble à ceci ..
.dv{ BORDER-RIGHT: #361C1C 7px double; BORDER-TOP: #361C1C 7px double; BORDER-LEFT: #624343 7px double; BORDER-BOTTOM: #624343 7px double; height:328px; width:414px; position:relative; top:0px; left:0px; }
Après nous voulons mettre dedans les codes de style pour notre image principale. Le code de style d'image n'a pas besoin de frontières sur ce script mais il doit savoir quelle taille fait l'image et où elle doit être placée à l'intérieur de la division. Rappelez-vous, l'image est à l'intérieur de la division ainsi nous employons le position absolue et nous devons lui dire à quelle distance de la gauche et du dessus de la division se poser. Mon code principal de style d'image ressemble à ceci.
.phto{ height:314px; width:400px; position:absolute; top:0px; left:0px; }
Puisque nous savons où nous voulons que notre"Marquee" fonctionne dans la cellule, plaçons-la ensuite. Nous allons avoir besoin de mettre ce "Marquee" à l'écart quand nous allons placer notre petit GIF transparent. Le"Marquee" doit avoir cette information dans le code de style, width, elle sera identique que la largeur de l'image . La hauteur sera identique que la taille de l'image principale, nous devons lui dire où se poser et emploierons la position absolue , nous devons lui dire à quelle distance à gauche ou à droite et du haut. mon code de style pour mon Marquee ressemble à ceci...
.mar{ height:314px; width: 100px; position:absolute; top:0px; right:10px; }
Nous voulons maintenant le code de style notre petit GIF transparent. Cette image a besoin des mêmes codes de style que l'image principale mais naturellement le placement et la taille sera différente mais elle emploiera la position absolue. Installez aussi vos codes de style pour la petit image et positionez là comme vous le souhaitez , faites des aperçus de votre stat pour vous aider à la placer jusqu'à ce que vous soyez heureux de l'emplacement de votre image . Mon image a ce code de modèle.
.phto2{ height:116px; width:130px; position:absolute; top:100px; left:110px; } -----------------------7--------------------- Votre script devrait ressembler à ceci maintenant....
<html> <head> <title> </title> <!--script by Connie--> <style> Body{ BORDER-RIGHT: #998086 7px inset; BORDER-TOP: #998086 7px outset; BORDER-LEFT: #998086 7px outset; BORDER-BOTTOM: #998086 7px inset; scrollbar-face-color:#998086; scrollbar-highlight-color:#CABFBF; scrollbar-3dlight-color:#795F5F; scrollbar-darkshadow-color:#4C2929; scrollbar-shadow-color:#644545; scrollbar-arrow-color:#CABFBF; scrollbar-track-color:#998086; } .tb{ border-top: #624343 8px solid; border-left: #361C1C 8px solid; border-right: #624343 8px solid; border-bottom: #361C1C 8px solid; background color:#4C2828; } .tc{ BORDER-RIGHT: #361C1C 7px double; BORDER-TOP: #361C1C 7px double; BORDER-LEFT: #624343 7px double; BORDER-BOTTOM: #624343 7px double; } .tx{ background color:#492626; scrollbar-face-color:#4C2828; scrollbar-highlight-color:#887171; scrollbar-3dlight-color:#492626; scrollbar-darkshadow-color:#201010; scrollbar-shadow-color:#644545; scrollbar-arrow-color:#887171; scrollbar-track-color:#4C2828; BORDER-RIGHT: #361C1C 7px double; BORDER-TOP: #361C1C 7px double; BORDER-LEFT: #624343 7px double; BORDER-BOTTOM: #624343 7px double; padding:10px; text-align: center; OVERFLOW: auto; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: #8B7474; height:150px; width: 100%; } .dv{ BORDER-RIGHT: #361C1C 7px double; BORDER-TOP: #361C1C 7px double; BORDER-LEFT: #624343 7px double; BORDER-BOTTOM: #624343 7px double; height:328px; width:414px; position:relative; top:0px; left:0px; } .phto{ height:314px; width:400px; position:absolute; top:0px; left:0px; } .mar{ height:314px; width: 100px; position:absolute; top:0px; right:10px; } .phto2{ height:116px; width:130px; position:absolute; top:100px; left:110px; } </style> </head> <!--la tuile de fond- background- ici, tout sur une ligne--> <BODY bgColor=#FFFFFF onload="window.status='. . . . . . . Stat et script par Votre Nom . . . '" background="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/BACKGROUND TILE.jpg"> <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite> <TABLE class=tb width=450px align=center cellpadding=20 cellspacing=30> <TR> <TD class=tc align=center><DIV class=dv align=center> <IMG class=phto src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MAIN IMAGE.jpg"> <IMG class=phto2 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/transparent.gif"> <marquee class=mar direction=up><IMG src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/TRANSPARENT.gif"></MARQUEE></DIV></TD></TR> </TABLE> </body> </html> |
Dernière édition par Gi le Sam 22 Aoû - 14:20, édité 1 fois |
|  | | Gi Rang: Administrateur

Nombre de messages: 11439 Localisation: Terrebonne, Québec, Canada Date d'inscription: 18/12/2004
 | Sujet: Re: Cours Visual Basic Script : Connie Shultza en français Jeu 13 Oct - 21:07 | |
| Traduction par Mickaëla P ©Connie Schutza Hill 2003 Tous droits réservés Cours 8 C ----------------------8------------------------ | Code: | Maintenant nous finissons notre script Nous devons mettre notre prochaine rangée ,cellule et boîte à textes dans notre manuscrit ainsi nous commençons par ouvrir une rangée .<TR>
Alors nous ouvrons notre cellule et lui donnons un nom de classe d'identification et lui disons de s'aligner au centre. <TD class=tc align=center> Nous mettons dedans une division pour notre boîte à textes et lui donnons un nom de classe ID. Et parce que ceci stockera le texte , nous mettons le mot " texte" .Comme nous avons fini avec la division, la cellule et la rangée nous clôturons chacunes d'elles dans le même ordre que nous les avons ouvertes. <DIV class=tx>text</DIV></TD></TR> ---------------------------9---------------------
Votre manuscrit fini devrait ressembler à ceci... La dernière pièce que nous avons ajoutée est en rouge. <html> <head> <title> </title> <!--script by Connie--> <style> Body{ BORDER-RIGHT: #998086 7px inset; BORDER-TOP: #998086 7px outset; BORDER-LEFT: #998086 7px outset; BORDER-BOTTOM: #998086 7px inset; scrollbar-face-color:#998086; scrollbar-highlight-color:#CABFBF; scrollbar-3dlight-color:#795F5F; scrollbar-darkshadow-color:#4C2929; scrollbar-shadow-color:#644545; scrollbar-arrow-color:#CABFBF; scrollbar-track-color:#998086; } .tb{ border-top: #624343 8px solid; border-left: #361C1C 8px solid; border-right: #624343 8px solid; border-bottom: #361C1C 8px solid; background color:#4C2828; } .tc{ BORDER-RIGHT: #361C1C 7px double; BORDER-TOP: #361C1C 7px double; BORDER-LEFT: #624343 7px double; BORDER-BOTTOM: #624343 7px double; } .tx{ background color:#492626; scrollbar-face-color:#4C2828; scrollbar-highlight-color:#887171; scrollbar-3dlight-color:#492626; scrollbar-darkshadow-color:#201010; scrollbar-shadow-color:#644545; scrollbar-arrow-color:#887171; scrollbar-track-color:#4C2828; BORDER-RIGHT: #361C1C 7px double; BORDER-TOP: #361C1C 7px double; BORDER-LEFT: #624343 7px double; BORDER-BOTTOM: #624343 7px double; padding:10px; text-align: center; OVERFLOW: auto; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: #8B7474; height:150px; width: 100%; } .dv{ BORDER-RIGHT: #361C1C 7px double; BORDER-TOP: #361C1C 7px double; BORDER-LEFT: #624343 7px double; BORDER-BOTTOM: #624343 7px double; height:328px; width:414px; position:relative; top:0px; left:0px; } .phto{ height:314px; width:400px; position:absolute; top:0px; left:0px; } .mar{ height:314px; width: 100px; position:absolute; top:0px; right:10px; } .phto2{ height:116px; width:130px; position:absolute; top:100px; left:110px; } </style> </head> <!--la tuile de fond- background- ici, tout sur une ligne--> <BODY bgColor=#FFFFFF onload="window.status='. . . . . . . Stat et script par Votre Nom . . . '" background="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/BACKGROUND TILE.jpg"> <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite> <TABLE class=tb width=450px align=center cellpadding=20 cellspacing=30> <TR> <TD class=tc align=center><DIV class=dv align=center> <IMG class=phto src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MAIN IMAGE.jpg"> <IMG class=phto2 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/transparent.gif"> <marquee class=mar direction=up><IMG src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/TRANSPARENT.gif"></MARQUEE></DIV></TD></TR> <TR> <TD class=tc align=center><DIV class=tx>text</DIV></TD></TR> </TABLE> </body> </html> Voir l'exemple ICI
----------------------10------------------
Naturellement vous pouvez faire quelques changements sur vos couleurs de frontières et couleur de police mais notre manuscrit est fini . Vos Devoirs . Prenez ce que vous avez appris dans cette leçon et écrivez vos propres manuscrits. Sentez-vous libre pour emboiter des tables si vous aimez et ajoutez plus de cellules si vous le voulez . J'ai juste fait la table simple de deux cellules pour rendre la leçon plus courte. Mais on ne s'attend pas à ce que vous vous en teniez à une table de deux cellules si vous ne voulez pas, soyez libre de faire d'autres genres de tables si vous aimez. Surtout, appréciez la leçon et créez de la magie qui soit la votre . Montrez-nous la beauté qui repose à l'intérieur de vos rêves et amusez vous. Aussi longtemps que vous avez l'amusement, les leçons viendront vous aider à créer ce que vous voulez créer, si ceci devient un travail, votre côté créateur ne brillera pas dans vos scripts. Gardez-ainsi l'amusement et votre magie se développera. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ |
Dernière édition par Gi le Sam 22 Aoû - 14:22, édité 1 fois |
|  | | Gi Rang: Administrateur

Nombre de messages: 11439 Localisation: Terrebonne, Québec, Canada Date d'inscription: 18/12/2004
 | Sujet: Leçon 9 A Jeu 13 Oct - 21:12 | |
| Traduction par Mickaëla P ©Connie Schutza Hill 2003 Tous droits réservés Lesson 9 A Bienvenue dans la leçon 9
| Code: | Ceci est un site d'enseignement pour ceux qui veulent apprendre à écrire des scripts pour la papeterie d'email. Les leçons que vous utiliserez sont toutes écrites par Connie Schutza Hill sauf indication contraire et traduite par moi , Mickaëla P. Elle tient tous les droits d'auteur sur ces leçons et les TERMES D'UTILISATION sont inscrits sur la page d'INTRO . Lisez s'il vous plaît ces règles et soumettez-vous y. ------------------------------------------------------- Bienvenue dans la leçon 9. Cela va être une leçon très simple mais je pense que c'est une des choses les plus utile dans scripting. Dans cette leçon nous apprendrons comment faire défiler notre contexte et nous apprendrons comment mettre une ligne de commentaire dans VBS. Nous déplacerons aussi notre ligne de statut de fenêtre à la section VBS du scénario et c'est là qu'elle restera dorénavant. Nous allons aussi apprendre un nouveau tour de table, un que j'utilise beaucoup et j'espère que vous l'aimerez autant que moi. Nous verrons aussi comment utiliser le filtre "Shadow " sur notre texte ainsi que le filtre d'ombre "drop shadow " et comment l'appliquer ainsi vous pourrez jouer avec deux filtres si vous aimez. Je fais le mien très étrangement mais comme j'ai dit auparavant, s'il travaille c'est aussi bien qu'une autre méthode. j' expliquerai la raison pour laquelle je fais le mien comme cela un peu plus tard dans le script , quand nous arriverons à cette partie de la leçon. ------------------------De quoi avons nous besoin pour cette leçon-------------------------- 1. 1 image principale du domaine publique ou une de vos propres photos. 2. 1 midi. 3. 1 tuile pour le background . 4. HTML Kit ou blocnote . --------------------------codes des couleurs dans la leçon-------------------------------------------
Pendant la leçon, si vous voyez quelque chose dans cette couleur bleue brillante c'est juste pour attirer votre attention sur cette balise. Les choses en bleu foncé seront là pour vous montrer à quoi votre script doit ressembler à cette endroit dans la leçon. Cela vous aidera à voir ce qui vous manque si vous vous heurtez à un problème dans la leçon. Afin de vous aider un peu mieux la nouvelle substance qui sera ajoutée dans le script sera en texte rouge. Quoi que ce soit en vert est la nouvelle particule de scénario que vous ajouterez . Vous pourrez alors vérifier à quoi le plein scénario devrait ressembler en vous déplaçant au secteur bleu foncé qui suivra toujours le secteur vert. Les lignes rouges sont juste pour trier les sections de la leçon . J'ajouterai des numéros à ces lignes donc vous pourrez mieux savoir ou vous en êtes. ------------------------------------------------------1------------------------------------------- Demarrons notre leçon Le premier nouveau code pour cette leçon ira dans la partie HTML de notre manuscrit. Ce code est: id=txt Bon le" txt" représente sur ce manuscrit la boîte à textes , je lui ai donné ce nom d'identification qui me fera savoir que c'est la boîte de textes. Nous avons besoin de ce petit code pour l' ajouté à la balise de division pour notre boîte à textes. C'est là où nous appliquerons le filtre "shadow", il suffira de dire au PC à quel objet dans le script nous voulons qu'il soit appliqué. La seule manière de faire est de donner à chaque objet que nous utilisons dans le VBS est un nom d'identification et ces noms d'identification doivent être tous différents dans le manuscrit. Cette fois nous avons seulement un nom d' identification donc vous pouvez l'appeler comme vous le souhaitez sans problème. Cette semaine nous apprendrons de nouveaux codes . Cependant comme ce que nous allons apprendre est nouveau dans le VBscript de notre manuscrit j'attendrai et expliquerai cette substance quand nous y serons. Je sais qu'il a été dit que VBS est difficile mais il n'est pas plus dur que ce que nous avons fait jusqu'ici, et c'est la grande magie du manuscrit. Dans cette leçon nous travaillerons encore avec une table mais cette fois nous n'allons pas avoir de couleur de fond sur la table, en fait la table n'aura aucun modèle du tout. Cette table, quand nous aurons fini ressemblera à une image encadrée au-dessus d'une boîte à textes. Pas une nouvelle idée mais une que j'aime employer et moi ont voulu partager comment elle est faite. Veuillez en outre garder une copie de ce manuscrit à portée de la main, nous l'emploierons pour le manuscrit de base pour les leçons à venir. ------------------------------------------------------2------------------------------------------- Commençons notre script Mettre toutes les balises HTML principales de STYLE et de BODY comme d'habitude. Mettre la ligne de tuile de fond (body background) mais ne mettez pas la ligne d'état de fenêtre d'onload dedans cette fois . Nous allons la mettre vers le bas dans le VBS du manuscrit , à partir de cette semaine nous le ferons de cette manière . Mettre la ligne pour le Midi . Assurez vous de mettre les codes de STYLE pour le BOBY ainsi vous aurez les jolis scrollbars mais nous attendrons pour les autres codes de STYLE jusqu'à ce que nous y arrivions, certains d'entre eux seront un peu différents cette fois. ------------------------------------------------------3------------------------------------------- Notre devrait ressembler à celui-ci jusqu'ici.
<html> <head> <title></title> <!--script par votre nom --> <style> Body{ BORDER-RIGHT: #204544 7px inset; BORDER-TOP: #204544 7px outset; BORDER-LEFT: #204544 7px outset; BORDER-BOTTOM: #204544 7px inset; scrollbar-face-color:#204544; scrollbar-highlight-color:#5B8176; scrollbar-3dlight-color:#224645; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#183333; scrollbar-arrow-color:#5B8176; scrollbar-track-color:#204544; } </style> </head> <!--la tuile de fond ici tout sur une ligne--> <BODY bgColor=#204544 background="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/tile.jpg"> <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MIDI .mid" volume=0 loop=infinite> </body> </html>
------------------------------------------------------4-------------------------------------------
Commençons notre table Ouvrez une table comme d'habitude, indiquez lui comment être au loin et l'aligner au centre. La table a besoin d'un cellspacing de 30 mais placez le cellpadding à 0. Ouvrez maintenant votre première rangée de table et cellule de table. Dites à la cellule de s'aligner au centre et lui donner un nom de classe ID j'ai employé une technique sur celui-ci. Cette cellule contiendra une image ainsi mettez votre image dans la cellule, donnez-lui une classe d'identification et clôturez la cellule et la rangée. <TABLE width=450px align=center cellpadding=0 cellspacing=30> <TR> <TD class=tc align=center><IMG class=phto src="C:/Program Files/Common Files/Microsoft Shared/Stationery/ Main image.jpg" ></TD></TR>
Ouvrez une autre rangée de table et cellule de table, dites à la cellule de s'aligner au centre et de lui donner un nom de class ID qui ne sera pas le même nom que l'autre cellule de table. J'ai employé tc2 sur celle-ci. Nous le faisons de cette façon parce que nous emploierons deux modèles différents sur ces deux cellules . Cette cellule contiendra notre boîte à textes et nous allons mettre un filtre sur le texte donc nous allons faire les choses un peu différemments cette fois. Nous donnerons un nom de class ID à cette division. Le nom ID et la class ID ne sont pas la même chose. Le nom ID indique au PC sur quel objet appliquer le filtre dans notre manuscrit. Lorsque vous avez besoin d'un nom ID il doit être différent de n'importe quel autre nom ID dans le script. Dans ce manuscrit nous avons seulement un nom ID donc ce n'est pas un problème. Le nom d'identification va à l'intérieur de la balise pour l'objet qu'elle applique . J'ai donné à ma division le nom d'id=txt. Maintenant mettez dedans le mot "texte" et clôturez la division, la cellule de table et la rangée de table. Votre plein code ressemble à ceci . <TR> <TD class=tc2 align=center><div class=tx id=txt >text</DIV></TD></TR></TABLE> ------------------------------------------------------5------------------------------------------- Notre script devrait ressembler à celui-ci jusqu'ici .. <html> <head> <title></title> <!--script par votre nom --> <style> Body{ BORDER-RIGHT: #204544 7px inset; BORDER-TOP: #204544 7px outset; BORDER-LEFT: #204544 7px outset; BORDER-BOTTOM: #204544 7px inset; scrollbar-face-color:#204544; scrollbar-highlight-color:#5B8176; scrollbar-3dlight-color:#224645; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#183333; scrollbar-arrow-color:#5B8176; scrollbar-track-color:#204544; } </style> </head> <!--la tuile de fond ici tout sur une ligne--> <BODY bgColor=#204544 background="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/tile.jpg"> <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MIDI .mid" volume=0 loop=infinite> <TABLE width=450px align=center cellpadding=0 cellspacing=30> <TR> <TD class=tc align=center><IMG class=phto src="C:/Program Files/Common Files/Microsoft Shared/Stationery/ Main image.jpg" ></TD></TR> <TR> <TD class=tc2 align=center><div class=tx id=txt >text</DIV></TD></TR></TABLE> </body> </html> |
Dernière édition par Gi le Sam 22 Aoû - 14:16, édité 1 fois |
|  | | Gi Rang: Administrateur

Nombre de messages: 11439 Localisation: Terrebonne, Québec, Canada Date d'inscription: 18/12/2004
 | Sujet: Re: Cours Visual Basic Script : Connie Shultza en français Jeu 13 Oct - 21:19 | |
| Traduction par Mickaëla P ©Connie Schutza Hill 2003 Tous droits réservés Leçon 9 B
6-------------------------------------------
| Code: | Maintenant faisons nos codes style . Nous n'avons aucun code de STYLE de table pour ce manuscrit parce que notre table n'a aucune frontière et elle n'a aucune couleur de fond. C'est une table invisible. .. lol Nous avons besoin des codes de STYLE de cellule de table, deux d'entre eux pour ce script, nous mettrons ces derniers après, cependant celui qui contient l'image n'est pas le même qu' avant, cette fois nous avons un nouveau tour à employer sur ce code de STYLE. Nous voulons des frontières sur la cellule comme d'habitude et parce que nous voulons un regard encadré sur cette cellule, nous allons mettre dedans notre couleur de fond et ajouterons le remplissage (padding) à cette cellule. Nous mettrons un padding : 20px ; Ce qui nous donnera une frontière large de couleur montrant autour de l'extérieur de l'image sur cette cellule mais aucune ne sera sur l'autre cellule. Cela nous donnera un regard encadré sur notre cellule d'image. Le plein code de STYLE pour cette cellule ressemble à ceci ..... .tc{ BORDER-RIGHT: #5B8176 7px inset; BORDER-TOP: #5B8176 7px outset; BORDER-LEFT: #123A39 7px outset; BORDER-BOTTOM: #123A39 7px inset; background color:#204544; padding: 20px; }
Maintenant mettre dans les autres codes de STYLE de cellules de table normalement , couleur juste de fond ( background color) et frontières ( borders), aucun remplissage (padding) sur celle-ci. Ils ressembleront à ceci.... mais se rappeller que celui-ci est appelé différemment. .tc2{ BORDER-RIGHT: #5B8176 7px inset; BORDER-TOP: #5B8176 7px outset; BORDER-LEFT: #123A39 7px outset; BORDER-BOTTOM: #123A39 7px inset; background color:#204544; }
Mettre dedans les codes de STYLE pour l'image , et juste les frontières ( borders) pour elle cette fois. .phto{ BORDER-RIGHT: #123A39 7px double; BORDER-TOP: #123A39 7px double; BORDER-LEFT: #5B8176 7px double; BORDER-BOTTOM: #5B8176 7px double; }
Ensuite nous devons mettre dedans les codes de STYLE pour la division qui stocke le texte. Cette fois là c'est un peu différent que ce que nous avons utilisé, une certaine substance regardera différemment maintenant due au filtre et une certaine substance doit être laissée hors du code de STYLE. Voici les changements et pourquoi nous le faisons. D'abord, n'employez pas une couleur de fond dans cette division, si vous le faites l'ombre ne se révélera pas pour les utilisateurs OE5.5, non sûr aussi si 6 la verront ou pas. Après si vous mettez les frontières sur cette division rappellez vous qu'elles auront le même effet d'ombre que le texte et cela fera voir votre boîte à textes hors de la forme. Les scrollbars auront trop d'ombre sur eux , ainsi ne paniquez pas si vous voyez un peu d'ombre sur les scrollbars. J'ai essayé de nicher cette division à l'intérieur d'une autre division pour avoir des frontières supplémentaires mais quand je l'ai fait les utilisateurs d'OE6 ne pouvaient pas voir l'ombre sur le texte. J'ai Juste voulu vous avertir à ce sujet au cas où vous auriez la même idée que moi LOL . Voici le code que j'ai employé pour le STYLE de boîte à textes. .tx{ scrollbar-face-color:#204544; scrollbar-highlight-color:#5B8176; scrollbar-3dlight-color:#224645; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#183333; scrollbar-arrow-color:#5B8176; scrollbar-track-color:#204544; padding:10px; text-align: center; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: #5B8176; height:160px; width: 100%; OVERFLOW: auto; }
------------------------------------------------------7------------------------------------------- Notre script devrait ressembler à celui-ci jusqu'ici .. <html> <head> <title></title> <!--script par votre nom --> <style> Body{ BORDER-RIGHT: #204544 7px inset; BORDER-TOP: #204544 7px outset; BORDER-LEFT: #204544 7px outset; BORDER-BOTTOM: #204544 7px inset; scrollbar-face-color:#204544; scrollbar-highlight-color:#5B8176; scrollbar-3dlight-color:#224645; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#183333; scrollbar-arrow-color:#5B8176; scrollbar-track-color:#204544; } .tc{ BORDER-RIGHT: #5B8176 7px inset; BORDER-TOP: #5B8176 7px outset; BORDER-LEFT: #123A39 7px outset; BORDER-BOTTOM: #123A39 7px inset; background color:#204544; padding: 20px; } .tc2{ BORDER-RIGHT: #5B8176 7px inset; BORDER-TOP: #5B8176 7px outset; BORDER-LEFT: #123A39 7px outset; BORDER-BOTTOM: #123A39 7px inset; background color:#204544; } .phto{ BORDER-RIGHT: #123A39 7px double; BORDER-TOP: #123A39 7px double; BORDER-LEFT: #5B8176 7px double; BORDER-BOTTOM: #5B8176 7px double; } .tx{ scrollbar-face-color:#204544; scrollbar-highlight-color:#5B8176; scrollbar-3dlight-color:#224645; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#183333; scrollbar-arrow-color:#5B8176; scrollbar-track-color:#204544; padding:10px; text-align: center; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: #5B8176; height:160px; width: 100%; OVERFLOW: auto; } </style> </head> <!--la tuile de fond ici tout sur une ligne--> <BODY bgColor=#204544 background="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/tile.jpg"> <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MIDI .mid" volume=0 loop=infinite> <TABLE width=450px align=center cellpadding=0 cellspacing=30> <TR> <TD class=tc align=center><IMG class=phto src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/ Main image.jpg" ></TD></TR> <TR> <TD class=tc2 align=center><div class=tx id=txt >text</DIV></TD></TR></TABLE> </body> </html>
sauvez et faites un aperçu de votre script. ------------------------------------------------------8------------------------------------------- Nous sommes maintenant prêts à commencer la partie du VBS du script . D'abord nous devons parler un peu du VBS. Le VBS contient des sous-marins (SUB). Les SUBS indiquent au PC quoi faire dans chaque étape du manuscrit que nous écrivons. Pensez au VBS comme à un livre, et les subs sont des chapitres dans ce livre. Chaque chapitre est très important pour l'histoire entière, chaques SUB que nous écrirons sont importants pour le manuscrit entier. Chacuns ont un nom différent, juste comme chaque chapitre dans un livre a un nombre ou un nom différent. C'est ainsi que le PC sait quoi faire après , ne les mélanger pas tous et ne faites pas un désordre hors de notre plan magique. Chaque SUB fini appellera un autre sous-marin dans l'action ou répétera le même SUB à plusieurs reprises indéfiniement ou jusqu'à un autre sous-marin indiqué. A l'intérieur de chaque sous-marin vous trouverez des codes ou des commandes. Chaque ligne indique au PC une étape à prendre pour qu'il fasse ce que nous voulons qu'il fasse . C'est juste une autre manière de parler à notre ami, l'ordinateur LOL. ------------------------------------------------------9------------------------------------------- Mettons ce VBS. Allez à la fin de votre script de table. Mettez juste la souris à l'extrémité de la balise fermante de table , entre cette balise et la balise BODY fermante, faire de la place pour le VBscripting que nous mettrons dans notre manuscrit. Il y a d'autres manières de faire ceci, certains le mette dans la partie supérieure du script mais je mets le mien dans le bas . Si vous êtes déjà habitué à faire du VBS en haut faites le , les deux manières sont correctes, vous êtes libre de faire à votre manière. Maintenant juste aprés la balise fermante de table nous commencerons notre VBscript. La première chose que nous devons dire au PC est que nous voulons faire un VBscript. Ainsi nous ouvrons ce qui s'appelle une balise de script. Elle ressemble à ceci. <script language=vbscript> Ceci indique au PC que nous voulons faire un script et le language que nous utiliserons est le Visual Basic script. Après nous nous assurerons de fermer le script et devrons mettre dedans notre balise fermante . Elle se place à la fin du manuscrit, juste devant la balise fermante BODY. Cette balise fermante ressemble à ceci. </script> Nous mettrons dedans des lignes de commentaire parfois connues sous le nom de rapports de REM. Ce sont des notes juste comme les REM que nous avons employé dans le HTML cependant son regard est un peu différent. Il y a plusieurs manières d'écrire des commentaires dans VBS.. On commence par le signe' de citation simple. Il indique au PC de ne pas lire ceci en tant qu'élément du manuscrit. Vous pouvez également commencer une ligne avec le REM , cela indique au PC la même chose. On indique pour commencer le rapport avec la citation simple ' en ajoutant avec la petite étoile* . Parceque la citation simple est souvent difficile à voir et qu' il est plus facile de voir l'étoile , nous faisons ceci pour que les effets visuels rendent vos lignes de commentaire faciles à trouver et lire. Vous pouvez le faire de la manière que vous aimez mais rappelez vous chaque ligne dans votre commentaire doit commencer par un des articles ci-dessus ou vous obtiendrez une erreur de manuscrit. Dans tous mes scripts, les premiers commentaires que je fais sont ceux qui indiquent au monde que c'est mon manuscrit, ensuite toutes les autres petites choses que je peux vouloir dire à quelqu'un qui les accroche . '*----------------------------------* '* REM faites la magie '* Ce script a été écrit par Connie Schutza '* Aout 15 2003 '* Pour la leçon #9 de scripting '* magie sans fin '*-----------------------------------*
La prochaine chose que nous allons faire est de mettre dedans notre ligne de status. C' est la meilleure méthode que de mettre ceci dans la section du VBS ainsi les personnes qui accrochent vos scripts peuvent la trouver avec facilité parce qu'ils feront des changements dans cette partie de votre manuscrit. D'abord je vais mettre dedans une ligne de commentaire indiquant aux personnes qui accrochent ce manuscrit ce dont ils ont besoin pour faire un changement et je mets le code de status juste après. Il fait exactement la même chose que celui que nous avions employé ainsi vous êtes déjà familiarisés avec lui . Il ressemble à ceci dans la pièce du VBS du manuscrit. '* c'est là où vous changez le ticker----------------------------------------* window.status=" script et stationery par votre nom "
Si vous voulez que votre ligne d'état ( status) soit au centre de la barre du status, mettez juste la souris après la première marque" et frapez sur tab key une fois. Cela le mettra au centre pour vous | .
Dernière édition par Gi le Sam 22 Aoû - 14:17, édité 1 fois |
|  | | Gi Rang: Administrateur

Nombre de messages: 11439 Localisation: Terrebonne, Québec, Canada Date d'inscription: 18/12/2004
 | Sujet: Re: Cours Visual Basic Script : Connie Shultza en français Jeu 13 Oct - 21:22 | |
| Traduction par Mickaëla P ©Connie Schutza Hill 2003 Tous droits réservés Cours 9 C [color:c98b=steelblue 10------------------------------------------- | Code: | Avant que nous n'allions plus loin ,assurez -vous que votre manuscrit ressemble à ceci..... <html> <head> <title></title> <!--script par votre nom --> <style> Body{ BORDER-RIGHT: #204544 7px inset; BORDER-TOP: #204544 7px outset; BORDER-LEFT: #204544 7px outset; BORDER-BOTTOM: #204544 7px inset; scrollbar-face-color:#204544; scrollbar-highlight-color:#5B8176; scrollbar-3dlight-color:#224645; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#183333; scrollbar-arrow-color:#5B8176; scrollbar-track-color:#204544; } .tc{ BORDER-RIGHT: #5B8176 7px inset; BORDER-TOP: #5B8176 7px outset; BORDER-LEFT: #123A39 7px outset; BORDER-BOTTOM: #123A39 7px inset; background color:#204544; padding: 20px; } .tc2{ BORDER-RIGHT: #5B8176 7px inset; BORDER-TOP: #5B8176 7px outset; BORDER-LEFT: #123A39 7px outset; BORDER-BOTTOM: #123A39 7px inset; background color:#204544; } .phto{ BORDER-RIGHT: #123A39 7px double; BORDER-TOP: #123A39 7px double; BORDER-LEFT: #5B8176 7px double; BORDER-BOTTOM: #5B8176 7px double; } .tx{ scrollbar-face-color:#204544; scrollbar-highlight-color:#5B8176; scrollbar-3dlight-color:#224645; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#183333; scrollbar-arrow-color:#5B8176; scrollbar-track-color:#204544; padding:10px; text-align: center; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: #5B8176; height:160px; width: 100%; OVERFLOW: auto; } </style> </head> <!--la tuile de fond ici tout sur une ligne--> <BODY bgColor=#204544 background="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/tile.jpg"> <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MIDI .mid" volume=0 loop=infinite> <TABLE width=450px align=center cellpadding=0 cellspacing=30> <TR> <TD class=tc align=center><IMG class=phto src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/ Main image.jpg" ></TD></TR> <TR> <TD class=tc2 align=center><div class=tx id=txt >text</DIV></TD></TR></TABLE> <script language=vbscript> '*----------------------------------* '* REM faites la magie '* Ce script a été écrit par Connie Schutza '* Aout 15 2003 '* Pour la leçon #9 de scripting '* magie sans fin '*-----------------------------------* '* c'est là où vous changez le ticker----------------------------------------* window.status=" script et stationery par votre nom " </script> </body> </html>
------------------------------------------------------11------------------------------------------- Nous devons parler un peu du filtre shadow parce qu'il est temps de le mettre dans le script et je veux vous l'expliquer d'abord. Premièrement le filtre shadow donne une ombre au texte ou à l'image ou à la division à qui vous l' appliqué. Vous pouvez donner une disposition d'objet en mettant la taille ou la largeur de l'objet dans les codes de STYLE ou en plaçant l'objet en position absolute. Si une ou plusieurs de ces choses ne sont pas faites l'objet n'aura pas la disposition et le filtre ne fonctionnera pas. Mettez toujours la taille et la largeur dans le code de STYLE ainsi l'objet a la disposition et votre filtre fonctionnera . Le filtre shadow peut être appliqué à une division et fera n'importe quoi à l'intérieur de la division pour avoir une ombre. Le filtre peut être appliqué à une image et l'image aura une ombre. Avec le filtre shadow vous pouvez changer la couleur, la direction, et la force d'ombre. Vous pouvez également la neutraliser aussi vous ne devez pas l'enlever du manuscrit si vous ne voulez pas qu'il fasse d'ombre dans un stat. Parfois nous voulons le texte ombragé et dans quelques stats cela ne semble pas bon ,donc en ajoutant le dispositif permis vous pouvez juste l'arrêter comme un commutateur léger. Dans VBS la manière d'appeler et appliquer le filtre d'ombre est object.style.filter="progid:DXImageTransform.Microsoft.Shadow(sProperties)"
Maintenant regardez cet exemple mais ne le mettez pas dans votre manuscrit parce que nous ne l'installons pas encore. Ceci est ce qu'il vous indique à vous et au PC . l'Objet est : où vous mettrez le nom d'identification de l'objet pour appliquer le filtre que vous voulez . Dans notre cas c'est la division de boîte à textes qui a le nom d'identification du txt. Après il indique au PC de placer le STYLE de celui-ci Ensuite il indique au style le temps du filtre qui sera utilisé sur l'objet . Le prochain indique que le filtre est égal à et donne le nom du filtre, dans ce cas-ci c'est le filtre shadow. Et dans la marque ( ) le S représente le lien et naturellement il est facile comprendre les propriétés . Ceci se transformera en instructions que nous avons donné pour la couleur, direction, force et si le filtre est éteint ou fermé. C'est toutes les parties de code que vous voulez que le filtre emploie sur l'objet et comment il doit se comporter. Maintenant regardons les propriétés qui vont à l'intérieur () voyons à quoi elles ressemblent et ce qu' elles signifient . Le premier est la couleur, c'est facile, il indique au PC de quelle couleur faire l'ombre et elle ressemble à ceci. color='#0B1F1E', mettez d'abord le numéro de la couleur qui est enfermé dans la citation simple ' elle est suivie de , n'oubliez pas ces marques. C'est la manière appropriée d'écrire le code pour le filtre ainsi nous devons toujours le faire de cette façon. Après nous avons la direction, c'est facile aussi, de quelle direction voulez vous que l'ombre disparaisse. Elle ressemble à ceci..... Direction=45, Ensuite nous avons la force, c'est la grandeur obtenue de l'ombre . Si vous la voulez petite vous employez un petit nombre et si vous le voulez au loin vous employez un grand nombre. Cela ressemble à ceci Strength=8, enabled est facile, il indique si le filtre est éteint ou fermé et il ressemble à ceci. enabled=1 ceci signifie que le filtre est ouvert. enabled=0 signifie que le filtre est fermé. Le plein code pour le filtre ressemblera à celui ci-dessous, le maintenir tout sur une ligne dans votre manuscrit et veiller à le finir avec les doubles marques de citation "ou le filtre ne fonctionnera pas. Ce code doit aller bien au-dessous de la ligne de STATUS dans votre script. La raison en est que les personnes qui accrochent ce manuscrit pourront faire quelques changements dans cette partie du manuscrit . Soyez sûr d'ajouter une ligne de commentaire pour bien indiquer comment faire des changements et dire comment arrêter le filtre s'ils ne veulent pas l'ombre sur leur papeterie. La ligne de commentaire devrait ressembler à quelque chose comme ceci .... '* changement de la couleur de l'ombre, direction et force ici et si vous ne voulez pas l'ombre '*changez alors juste l'enabled=1 à enabled=0 et il l'arrêtera pour vous.--------------*
txt.style.filter="progid:DXImageTransform.Microsoft.Shadow(color='#0B1F1E', Direction=45, Strength=8, enabled=1)"
------------------------------------------------------12------------------------------------------- votre manuscrit devrait ressembler à ceci maintenant...... mais se rappeler de maintenir tout le filtre sur une ligne dans votre manuscrit. <html> <head> <title></title> <!--script par votre nom --> <style> Body{ BORDER-RIGHT: #204544 7px inset; BORDER-TOP: #204544 7px outset; BORDER-LEFT: #204544 7px outset; BORDER-BOTTOM: #204544 7px inset; scrollbar-face-color:#204544; scrollbar-highlight-color:#5B8176; scrollbar-3dlight-color:#224645; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#183333; scrollbar-arrow-color:#5B8176; scrollbar-track-color:#204544; } .tc{ BORDER-RIGHT: #5B8176 7px inset; BORDER-TOP: #5B8176 7px outset; BORDER-LEFT: #123A39 7px outset; BORDER-BOTTOM: #123A39 7px inset; background color:#204544; padding: 20px; } .tc2{ BORDER-RIGHT: #5B8176 7px inset; BORDER-TOP: #5B8176 7px outset; BORDER-LEFT: #123A39 7px outset; BORDER-BOTTOM: #123A39 7px inset; background color:#204544; } .phto{ BORDER-RIGHT: #123A39 7px double; BORDER-TOP: #123A39 7px double; BORDER-LEFT: #5B8176 7px double; BORDER-BOTTOM: #5B8176 7px double; } .tx{ scrollbar-face-color:#204544; scrollbar-highlight-color:#5B8176; scrollbar-3dlight-color:#224645; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#183333; scrollbar-arrow-color:#5B8176; scrollbar-track-color:#204544; padding:10px; text-align: center; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: #5B8176; height:160px; width: 100%; OVERFLOW: auto; } </style> </head> <!--la tuile de fond ici tout sur une ligne--> <BODY bgColor=#204544 background="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/tile.jpg"> <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MIDI .mid" volume=0 loop=infinite> <TABLE width=450px align=center cellpadding=0 cellspacing=30> <TR> <TD class=tc align=center><IMG class=phto src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/ Main image.jpg" ></TD></TR> <TR> <TD class=tc2 align=center><div class=tx id=txt >text</DIV></TD></TR></TABLE> <script language=vbscript> '*----------------------------------* '* REM faites la magie '* Ce script a été écrit par Connie Schutza '* Aout 15 2003 '* Pour la leçon #9 de scripting '* magie sans fin '*-----------------------------------* '* c'est là où vous changez le ticker----------------------------------------* window.status=" script et stationery par votre nom " '* changement de la couleur de l'ombre, direction et force ici et si vous ne voulez pas l'ombre '*changez alors juste l'enabled=1 à enabled=0 et il l'arrêtera pour vous.--------------* txt.style.filter="progid:DXImageTransform.Microsoft.Shadow(color='#0B1F1E', Direction=45, Strength=8, enabled=1)" </script> </body> </html>
Si vous sauvez et visionnez votre script maintenant vous verrez l'ombre sur les mots dans votre boîte à textes . |
Dernière édition par Gi le Sam 22 Aoû - 14:19, édité 1 fois |
|  | | Gi Rang: Administrateur

Nombre de messages: 11439 Localisation: Terrebonne, Québec, Canada Date d'inscription: 18/12/2004
 | Sujet: Re: Cours Visual Basic Script : Connie Shultza en français Jeu 13 Oct - 21:24 | |
| Traduction par Mickaëla P ©Connie Schutza Hill 2003 Tous droits réservés Cours 9 D
13------------------------------------------- | Code: | OK maintenant pour la vraie magie, faisons défiler cette tuile de fond.. Après la ligne du filtre mettez ce peu de code .. x=0 y=0 Ceci indique au PC à quoi x et y est égal quand le manuscrit commence . En ce moment ils sont égale à 0 et cela veut dire que rien ne se déplacera, même si vous le mettez dans le SUB pour qu'il fasse le rouleau , le fond ne se déplacera pas jusqu'à ce que nous fassions x et ou y égal à autre chose autre que 0. vous ne devez pas employer que x et y, vous pouvez employer n'importe quelle lettre que vous aimez et certains mettent un nom . Mais là , vous devez employer exatement les mêmes dans le manuscrit . Donc commençons d' abord par le x et le y et une fois que vous comprendrez mieux, vous serez libre d' employer autre chose si vous voulez. La prochaine chose que nous devons faire dans notre manuscrit s'appellent un SUB. Dans ce cas-ci nous placerons un intervalle. Ceci dit au PC de jouer le SUB à plusieurs reprises et ne jamais cesser à moins que nous lui donnions les ordres pour s'arrêter, ce que nous n'allons pas faire..LOL. . SetInterval "cksscroll",64 laissez-moi vous expliquer ce code .. d'abord il indique set an interval (placez un intervalle) en tant qu'I juste dit.Ce qui indique au PC de faire ceci à plusieurs reprises. Ensuite il indique au SUB de fonctionner à intervalles et le Sub s'appelle cksscroll (notez les doubles citations autour du nom du SUB, assurez vous que vous faites ceci sur votre script ou cela ne fonctionnera pas. Rappelez-vous en outre de mettre, après le nom soit bien écrit comme dans le code ci-dessus) Rappelez-vous I dit que nous aurons des SUB et ils ont tous eu un nom différent et nous avons dit au PC quoi faire après. Bon cksscroll est le nom du SUB et ou autre chose si vous voulez l'appeler autrement. Cela peut être votre nom avec un nombre après lui si vous le souhaitez. En fait c'est une grande manière de marquer vos manuscrits, mettez votre nom dans tous les SUB ainsi vous pouvez dire d'un coup d'oeil si c'est le votre ou non . Si quelqu'un veut retirer votre crédit dans le script, il ne changera pas tous les noms de SUB pour garder le fonctionnement du manuscrit, sauf s' il sait écrire ses propres manuscrits .Ainsi c'est une très bonne manière de marquer votre travail. Après il y a un nombre , ce nombre est 64, ceci indique au PC la vitesse du déplacement du fond, combien de temps avant qu'il joue le SUB ou dans ce cas-ci combien de temps attendre jusqu'à ce qu'il ne la joue plus. Vous pouvez vous l'ajuster comme vous aimez mais faites attention, si vous mettez trop longtemps cela sautera , un nombre plus élevé ralentira le rouleau vers le bas et un nombre inférieur le fera aller plus rapidement . Okay nous avons appelé un sub que nous n'avons pas dans le manuscrit pourtant ainsi fixons cela et ajoutons après le sub dans notre script ou le fond ne travaillera pas et vous recevrez un message d'erreur. D'abord nous devons dire au PC que c'est un sub et alors nous devrons donner au sub le même nom que nous avons juste donné dans l'action et ferons suivre le nom du sub avec () voici à quoi ressemblera la première ligne du sub que nous avons appelé à l'action. Sub cksscroll() Maintenant, parce que c'est un sub de rouleau et que nous voulons que le fond se déplace, nous devons dire au PC à quel x il est maintenant égal. Mais avant que nous ne le faisions , jetons un coup d'oeil à quel x il correspond dans la commande de placement de notre fond. x commande le mouvement latéral du fond si vous voulez qu'il disparaisse à gauche x est égal à -1 et ressemblera à ceci dans le manuscrit x=x-1 si vous voulez qu'il aille à droite vous aurez x égal à +1 et ressemblera à ceci dans le manuscrit x=x+1 si vous ne voulez pas que le fond se déplace du tout à droite ou à gauche , puisque x est encore égal à x , il ressemblera à ceci dans le manuscrit x=x Dans notre manuscrit nous ne voulons pas que le fond disparaisse gauche ou droite ainsi nous aurons x=x Y est la commande du mouvement, en haut et en bas, de notre fond . Si nous voulons que le fond aille vers le haut nous aurons y égal à -1 et ressemblera à ceci dans le manuscrit y=y-1 Si nous voulons que le fond aille vers le bas nous aurons y égal à +1 et ressemblera à ceci dans le manuscrit y=y+1 Et si nous ne voulons pas qu'il monte ou descende nous aurons y égal à y et cela ressemblera à ceci dans le manuscrit .. y=y je veux que le mien monte ainsi j'ai employé y=y-1 Il y a d'autres directions de déplacement pour le fond , je vous fournirai cette information à la fin de la leçon . Bon nous voulons dire au PC qu'il se déplace dans ce sub . Ainsi nous ajoutons cette ligne de code . document.body.style.backgroundposition=x&" "&y Ceci indique au PC que nous voulons qu'il fonctionne avec le fond entier , c'est pourquoi il indique document.body Ceci indique également que le style (modèle) du document Body va changer et ce modèle est la position du fond . Alors il indique au PC de déplacer le fond par Pixel dans la direction qui est égale à la valeur de x et de y. C' est tout ce que nous voulons que ce sous-marin fasse ainsi nous dirons maintenant au PC que nous avons fini avec ce sous-marin et nous mettons ceci à l'extrémité du sous-marin. End Sub C' est ce à quoi notre sub ressemblera. Sub cksscroll() x=x y=y-1 document.body.style.backgroundposition=x&" "&y End Sub ------------------------------------------------------14-------------------------------------------
votre manuscrit devrait ressembler à ceci maintenant..... mais se rappeler de maintenir tout le filtre sur une ligne dans votre manuscrit. <html> <head> <title></title> <!--script par votre nom --> <style> Body{ BORDER-RIGHT: #204544 7px inset; BORDER-TOP: #204544 7px outset; BORDER-LEFT: #204544 7px outset; BORDER-BOTTOM: #204544 7px inset; scrollbar-face-color:#204544; scrollbar-highlight-color:#5B8176; scrollbar-3dlight-color:#224645; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#183333; scrollbar-arrow-color:#5B8176; scrollbar-track-color:#204544; } .tc{ BORDER-RIGHT: #5B8176 7px inset; BORDER-TOP: #5B8176 7px outset; BORDER-LEFT: #123A39 7px outset; BORDER-BOTTOM: #123A39 7px inset; background color:#204544; padding: 20px; } .tc2{ BORDER-RIGHT: #5B8176 7px inset; BORDER-TOP: #5B8176 7px outset; BORDER-LEFT: #123A39 7px outset; BORDER-BOTTOM: #123A39 7px inset; background color:#204544; } .phto{ BORDER-RIGHT: #123A39 7px double; BORDER-TOP: #123A39 7px double; BORDER-LEFT: #5B8176 7px double; BORDER-BOTTOM: #5B8176 7px double; } .tx{ scrollbar-face-color:#204544; scrollbar-highlight-color:#5B8176; scrollbar-3dlight-color:#224645; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#183333; scrollbar-arrow-color:#5B8176; scrollbar-track-color:#204544; padding:10px; text-align: center; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: #5B8176; height:160px; width: 100%; OVERFLOW: auto; } </style> </head> <!--la tuile de fond ici tout sur une ligne --> <BODY bgColor=#204544 background="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/tile.jpg"> <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MIDI .mid" volume=0 loop=infinite> <TABLE width=450px align=center cellpadding=0 cellspacing=30> <TR> <TD class=tc align=center><IMG class=phto src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/ Main image.jpg" ></TD></TR> <TR> <TD class=tc2 align=center><div class=tx id=txt >text</DIV></TD></TR></TABLE> <script language=vbscript> '*----------------------------------* '* REM faites la magie '* Ce script a été écrit par Connie Schutza '* Aout 15 2003 '* Pour la leçon #9 de scripting '* magie sans fin '*-----------------------------------* '* c'est là où vous changez le ticker----------------------------------------* window.status=" script et stationery par votre nom " '* changement de la couleur de l'ombre, direction et force ici et si vous ne voulez pas l'ombre '*changez alors juste l'enabled=1 à enabled=0 et il l'arrêtera pour vous.--------------* txt.style.filter="progid:DXImageTransform.Microsoft.Shadow(color='#0B1F1E', Direction=45, Strength=8, enabled=1)" SetInterval "cksscroll",64 Sub cksscroll() x=x y=y-1 document.body.style.backgroundposition=x&" "&y End Sub </script> </body> </html>
------------------------------------------------------15------------------------------------------- vous avez fini avec ce manuscrit. Sauvegardez votre script et faites un aperçu . C'est tout pour cette leçon. Vous devriez avoir un fond qui défile et vous devriez avoir une ombre sur votre texte. ------------------------------------------------------16------------------------------------------- voici les codes d'ensembles complets pour faire le rouleau de fond dans toutes les directions qu'il peut se aller.. VERS LE HAUT x=x y=y-1
------------------------------------------------------------------------------------ VERS LE BAS x=x y=y+1
----------------------------------------------------------------------------------- VERS LA DROITE x=x+1 y=y
-------------------------------------------------------------------------------------------- VERS LA GAUCHE x=x-1 y=y
------------------------------------------------------------------------------------------- coin gauche du bas se déplace au coin supérieur x=x+1 y=y-1
---------------------------------------------------------------------------------------------- le coin du bas se déplace au coin gauche supérieur x=x-1 y=y-1
---------------------------------------------------------------------------------------------- le coin supérieur se déplace au coin gauche inférieur x=x-1 y=y+1
------------------------------------------------------------------------------------------------ coin gauche supérieur se déplace au coin inférieur x=x+1 y=y+1
------------------------------------------------------17------------------------------------------- maintenant jetons un coup d'oeil au filtre d'ombre de baisse "drop shadow filter". Le filtre "dropshadow"est appliqué comme le filtre "shadow". Le scripting pour ce filtre est identique au filtre "shadow " seulement le nom est différent et les choses que vous pouvez ajuster sont différentes. Voici le codage pour le filtre dropshadow. object.style.filter ="progid:DXImageTransform.Microsoft.DropShadow(sProperties)" Ici encore le (sProperties) est où vous énumérez les choses pour que le filtre fonctionne avec. color ceci indique au PC quelle couleur faire l'ombre de baisse enabled c'est le même qu'avec le filtre d'ombre. 0 = fermé et 1 = ouvert offX ceci indique au PC à quelle distance gauche ou droite placer l'ombre
offY ceci indique au PC à quelle distance au-dessus ou au-dessous du texte placer l'ombre Ce filtre ne travaillera pas sur un objet qui n'a pas de disposition ainsi être sûr de donner la disposition d'objet en ajoutant la taille et la largeur dans le code style ou de placer l'objet en position absolute..
Le filtre " dropshadow " ne travaille pas dans OE5.5 , si vous avez une couleur de fond dans la division de texte est dans juste les mêmes que le filtre d'ombre ne fonctionnera pas s'il y a une couleur de fond dans la division ainsi rappellez vous de cela quand vous travaillez avec ces filtres. le filtre "dropshadow " fera les mêmes les frontières et les scrollbars comme le texte , ne paniquez pas s'il y a une ombre sur les scrollbars. Le filtre "dropshadow" peut être utilisé sur une image ,de mêmes que le filtre "shadow " . si nous voulions utiliser ce filtre dans ce script au lieu du filtre d'ombre notre code ressemblera à ceci.. Maintenez tout sur une ligne dans votre manuscrit. OE le cassera vers le haut mais c'est très bien. txt.style.filter="progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#0B1F1E', enabled=1 )" Jouez avec les deux filtres et amusez avec eux. Voir l'exemple ICI ------------------------------------------------------18------------------------------------------- Devoirs. je parie vous savez ce qu'est votre travail lol .ouais ecrivez vos propres scripts et ayez l'amusement avec ce que vous avez appris. Vous pouvez même reprendre certains de vos vieux manuscrits et faire le rouleau de fond sur ceux -ci si vous aimez. Ayez l'amusement et faites la magie | ..
Dernière édition par Gi le Sam 22 Aoû - 14:23, édité 1 fois |
|  | | Gi Rang: Administrateur

Nombre de messages: 11439 Localisation: Terrebonne, Québec, Canada Date d'inscription: 18/12/2004
 | Sujet: Re: Cours Visual Basic Script : Connie Shultza en français Jeu 13 Oct - 21:30 | |
| Traduction par Mickaëla P ©Connie Schutza Hill 2003 Tous droits réservés Leçon 10 A Bienvenue dans la leçon 10
| Code: | Ceci est un site d'enseignement pour ceux qui veulent apprendre à écrire des scripts pour la papeterie d'email. Les leçons que vous utiliserez sont toutes écrites par Connie Schutza Hill sauf indication contraire et traduite par moi , Mickaëla P. Elle tient tous les droits d'auteur sur ces leçons.Les TERMES D'UTILISATION sont inscrits sur la page d'INTRO . Lisez s'il vous plaît ces règles et soumettez-vous y. ------------------------------------------------------------------------------- Bienvenue à leçon 10. Pouvez-vous le croire ? vous êtes déjà à la leçon 10 ! Il me semble juste qu' il y a quelques jours où nous étions sur la leçon 2 et je n'étais même pas sûr de faire la leçon 10 lol . cette fois nous allons apprendre à travailler avec un des filtres de transition. Nous utiliserons le filtre Shadow , j'espére que vous aimerez ce filtre. -------------------------------------Ce dont nous avons besoin pour cette leçon-------------------------- 1.2 images principales et veuillez vous assurer qu'elles soient de la même taille . 2. 1 midi. 3. 1 tuile de background . 4. HTML Kit ou blocnote. --------------------------couleur des codes dans la leçon-------------------------------------------
Pendant la leçon, si vous voyez quelque chose dans cette couleur bleue brillante c'est juste pour attirer votre attention sur cette balise. Les choses en bleu foncé seront là pour vous montrer à quoi votre script doit ressembler à cette endroit dans la leçon. Cela vous aidera à voir ce qui vous manque si vous vous heurtez à un problème dans la leçon. Afin de vous aider un peu mieux la nouvelle substance qui sera ajoutée dans le script sera en texte rouge. Quoi que ce soit en vert est la nouvelle particule de scénario que vous ajouterez . Vous pourrez alors vérifier à quoi le plein scénario devrait ressembler en vous déplaçant au secteur bleu foncé qui suivra toujours le secteur vert. Les lignes rouges sont juste pour trier les sections de la leçon . J'ajouterai des numéros à ces lignes donc vous pourrez mieux savoir ou vous en êtes. ------------------------------------------------------1------------------------------------------- Demarrons notre leçon Cette semaine nous n'aurons aucun nouveau code dans la pièce de HTML de notre script ainsi nous apprendrons juste la nouvelle substance dans la section du VBS . Ouvrez un script pour que nous travaillions avec. Vous pouvez en écrire un nouveau ou faire quelques changements au script que nous avons employé la semaine dernière. Je vais faire des changements au mien à partir de la semaine dernière, il me sauvera de quelques heures à le retaper ici . lol Installez une table avec l'image sur le dessus et la boîte à textes au-dessous de l'image. Puisque nous allons avoir deux images dans la cellule supérieure pour laisser le filtre changer d'une image à l'autre, nous devons mettre dedans une division pour contenir les images. Soyez sûr de rendre la division en position relative et lui faire la même taille que vos images plus la largeur de touts les bords que vous voulez ajouter à la division. Rappelez-vous nous avons fait cela dans la leçon 9 et je vous ai dits qu'on l'emploierait souvent .. Assurez vous de donner aux images des noms d'identification et se rappeler qu'elles doivent être de noms différents , sur l'identification d'image j'ai employé phto1 et phto2 mais vous pouvez svp les appeler comme vous le voulez. Rappelez-vous en outre de placer les images "absolute" et de dire au manuscrit la taille de ces images dans le secteur de style du script. Installez la section de style de votre manuscrit et faites que tout soit en place ainsi vous pouvez vous assurer que tout regarde comme il faut. J'emploie le dernier manuscrit de la semaine donc j'ai deux modèles de cellules de table mais vous pouvez employer une table normale et avoir seulement un modèle de cellules de table si vous préférez. Vous pouvez commencer votre VBS normalement et pouvez avoir un fond de défilement sur ce script si vous le désirez. C'est un des filtres de transition qui fonctionne très bien avec un fond de défilement. ------------------------------------------------------2------------------------------------------- Votre script devrait être comme ceci quand vous aurez fini. Si vous utilisez les scripts des dernières semaines sachez que je n'ai pas le filtre d'ombre sur celui-ci ainsi votre manuscrit peut être un peu différent du mien. Si vous voulez utiliser le filtre d'ombre sur le votre , faites comme il vous plait . <html> <head> <title> </title> <!--script by Connie--> <style> Body{ BORDER-RIGHT: #757D90 7px inset; BORDER-TOP: #757D90 7px outset; BORDER-LEFT: #757D90 7px outset; BORDER-BOTTOM: #757D90 7px inset; scrollbar-face-color:#757D90; scrollbar-highlight-color:#2B2A54; scrollbar-3dlight-color:#757D90; scrollbar-darkshadow-color:#2B2A54; scrollbar-shadow-color:#757D90; scrollbar-arrow-color:#2B2A54; scrollbar-track-color:#757D90; } .tc{ BORDER-RIGHT: #757D90 7px inset; BORDER-TOP: #757D90 7px outset; BORDER-LEFT: #757D90 7px outset; BORDER-BOTTOM: #757D90 7px inset; padding:20px; background color:#2B2A54; } .tc2{ BORDER-RIGHT: #757D90 7px inset; BORDER-TOP: #757D90 7px outset; BORDER-LEFT: #757D90 7px outset; BORDER-BOTTOM: #757D90 7px inset; background color:#2B2A54; } .phto{ height:244px; width:400px; position:absolute; top:0px; left:0px; } .dv{ BORDER-RIGHT: #757D90 7px double; BORDER-TOP: #757D90 7px double; BORDER-LEFT: #757D90 7px double; BORDER-BOTTOM: #757D90 7px double; height:258px; width:414px; position:relative; top:0px; left:0px; } .tx{ background color:#2B2A54; scrollbar-face-color:#2B2A54; scrollbar-highlight-color:#2B2A54; scrollbar-3dlight-color:#757D90; scrollbar-darkshadow-color:#2B2A54; scrollbar-shadow-color:#2B2A54; scrollbar-arrow-color:#2B2A54; scrollbar-track-color:#2B2A54; padding:10px; text-align: center; OVERFLOW: auto; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: 757D90; height:150px; width: 100%; } </style> </head> <!--La tuile deu background ici tout sur une ligne--> <BODY bgColor=757D90 background="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/TILE.jpg"> <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite> <TABLE width=450px align=center cellpadding=0 cellspacing=30> <TR> <TD class=tc align=center><DIV class=dv align=center> <IMG class=phto id=phto1 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MAIN IMAGE1.jpg"> <IMG class=phto id=phto2 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MAIN IMAGE2.jpg"></DIV></TD></TR> <TR> <TD class=tc2 align=center><DIV class=tx>text</DIV></TD></TR></TABLE> <script language=vbscript> '*----------------------------------* '* REM faites la magie '* script écrit par Connie Schutza '* Aout 6 2003 '* magique jusqu'à la fin '*-----------------------------------* window.status=" script and stationery by Connie "
x=0 y=0
SetInterval "chsscroll",64
Sub chsscroll() x=x y=y-1 document.body.style.backgroundposition=x&" "&y End Sub
</script> </body> </html>
------------------------------------------------------3------------------------------------------- Maintenant parlons un peu du nouveau filtre que nous allons utiliser et comment l'établir. Ce filtre fera trois transitions différentes . Le nom de filtre est progid:DXImageTransform.Microsoft.Stretch Ce filtre travaillera sur une division ou une image l'un ou l'autre. Le filtre ne fonctionnera pas à moins que l'objet à qui il est appliqué ait la disposition ainsi soyez sûr de mettre dedans la taille de l'objet dans les codes de style en haut et le filtre fonctionnera juste. Les trois transitions que ce filtre peut exécuter sont énumérées ci-dessous. HIDE Il tire la nouvelle image au-dessus de la vieille image de gauche à droite . PUSH Il tire la nouvelle image dedans et serre la vieille image dehors, se déplaçant de gauche à droite. Ce mouvement ressemble à un cube tournant à partir d'un coté à l'autre. SPIN C'est le défaut plaçé sur ce filtre. Il étire la nouvelle image au-dessus de la vieille image du centre à l'extérieur. Nous allons mélanger les trois transitions dans ce script mais vous ne devez pas le faire de cette façon pour l'heure. Parfois vous pouvez vouloir employer seulement une des transitions ,seulement que vous devrez changer quelques mots pour changer le regard en totalité des transitions dans votre statut . ------------------------------------------------------4------------------------------------------- C'est l'heure de mettre le filtre dans le manuscrit . Cette semaine nous apprendrons à faire quelque chose de plus dans notre VBS .Cependant la première chose que nous devons faire est d'installer le droit chemin du script pour l'usage du filtre . Ainsi au-dessous du SUB de rouleau mais avant la balise fermante de </script> nous devons ajouter ce peu de code. phto1.style.FILTER="progid:DXImageTransform.Microsoft.Stretch" phto2.style.FILTER="progid:DXImageTransform.Microsoft.Stretch" Ce peu de code indique au PC que nous voulons utiliser le filtre sur les objets avec le nom d'identification de phto1 et de phto2. Notification: nous mettons le filtre sur chaque image, vous devez le faire de cette manière ou le PC ne saura pas, les deux images n'auront pas le filtre. Si nous avions établi ceci pour plus de deux images, chaque image aurait besoin de cette ligne de code. Après nous devons dire autre chose au PC. Nous devons lui dire quelle image va se montrer d'abord et quelle image doit être cachée jusqu'à ce que le filtre la fasse apparaître. Nous voulons que le PC fasse la présente partie dès que la papeterie chargera dans OE ainsi nous devons lui dire de le faire quand la papeterie charge. Pour se faire que nous emploierons un nouveau SUB d' appel. Sub Window_OnLoad Et il va bien après que les lignes de codes que nous avons juste mis dans le manuscrit. J'aime laisser une interligne entre les subs ainsi je peux mieux les retrouver si je dois retourner et changer quelque chose donc vous pouvez sauter une ligne après que les filtres soient mis dans le sub window_onload.. Dire au PC quelle image est cachée et ce qui est évident nous mettrons ce peu de code dans le Sub Window_OnLoad phto1.style.visibility="visible" phto2.style.visibility="hidden" Regardez un peu ce code. Tout ce qu'il indique est le nom de l'objet qui dans ce script est phto1 et phto2, il est suivi du mot style , qui indique au PC que nous voulons qu'il fasse quelque chose au style des objets. Alors il indique la visibilité, cela indique au PC de fonctionner avec la visibilité sur les objets et naturellement suivi de quelle visibilité nous voulons que les objets aient quand le manuscrit commence à fonctionner. Dans ce manuscrit parce qu'il y a seulement deux images, une est cachée et c'est évident. Si nous travaillions avec trois images ou plus dans la même cellule, naturellement nous placerions "hidden" ( caché) excepté sur l'image supérieure. La prochaine chose que nous devons dire au PC est de lancer le prochain sub, ce qui lui indiquera quoi faire par la suite. Nous devons lui dire aussi combien de temps attendre avant qu'il relance ce nouveau sub. Rappelez-vous que c'est comme un livre, chaque chapitre fait quelque chose de nouveau, indique une nouvelle partie de l'histoire et c'est ce que le SUB fait dans notre script. Il ouvrira un nouveau regard ou indiquera un peu plus de l'histoire. Chaque SUB doit avoir un nom différent et ces noms doivent être un mot. Si vous mettez dedans deux mots , vous obtiendrez une erreur. J'ai appelé mon premier sub et suis prête à mettre le code dans ce sub pour appeler le prochain dans l'action. Ce peu de code ressemble à ceci. SetTimeout "csh", 4000 Okay Qu'est ce que ce peu de code indique? Il indique au PC le temps. Qu'il doit observer l'horloge et attendre la durée que je lui ai dit avant de commence à lancer le sub appelé csh . Ici j'ai dis au PC d'attendre 4000. Si vous voulez qu'il attende plus longtemps, employez un plus grand nombre et si vous voulez qu'il se déplace plus tôt au prochain sub mettez dedans un plus petit nombre. C'est tout ce que la ligne de ce code signifie. Maintenant nous avons fini avec ce sub donc nous devons le dire au PC . Nous allons naturellement mettre le code qui est très facile à comprendre . Nous avons mis dedans : End Sub Jetons un coup d'oeil à ce que ressemblera ce SUB entier dans votre manuscrit. Sub Window_OnLoad phto1.style.visibility="visible" phto2.style.visibility="hidden" SetTimeout "csh", 4000 End Sub |
Dernière édition par Gi le Sam 22 Aoû - 14:24, édité 1 fois |
|  | | Gi Rang: Administrateur

Nombre de messages: 11439 Localisation: Terrebonne, Québec, Canada Date d'inscription: 18/12/2004
 | Sujet: Cours 10 B Jeu 13 Oct - 21:32 | |
| Traduction par Mickaëla P ©Connie Schutza Hill 2003 Tous droits réservésCours 10 B 5------------------------------------------- | Code: | Votre script devrait ressembler à ceci maintenant... notez svp que si vous visionnez votre script en ce moment vous obtiendrez une erreur. En fait ce pourrait être une bonne chose pour vous que de le visionner , pour regarder préalablement le message d'erreur . Le message d'erreur est causé parce que nous avons dit au PC de lancer le prochain SUB, mais nous ne l'avons pas dans notre script , alors le PC nous dit hé idiot, est-ce qu'il n'y a aucun SUB pour que je le lance , qu'est- ce que je fais maintenant ? Ceci vous donnera une idée de quoi rechercher si vous voyez jamais ce message d'erreur sur un autre manuscrit. Je pense qu'il est bon de voir ces messages d'erreur parceque de cette façon nous pourrons mieux dépister une erreur inconnue à l'avenir. <html> <head> <title> </title> <!--script by Connie--> <style> Body{ BORDER-RIGHT: #757D90 7px inset; BORDER-TOP: #757D90 7px outset; BORDER-LEFT: #757D90 7px outset; BORDER-BOTTOM: #757D90 7px inset; scrollbar-face-color:#757D90; scrollbar-highlight-color:#2B2A54; scrollbar-3dlight-color:#757D90; scrollbar-darkshadow-color:#2B2A54; scrollbar-shadow-color:#757D90; scrollbar-arrow-color:#2B2A54; scrollbar-track-color:#757D90; } .tc{ BORDER-RIGHT: #757D90 7px inset; BORDER-TOP: #757D90 7px outset; BORDER-LEFT: #757D90 7px outset; BORDER-BOTTOM: #757D90 7px inset; padding:20px; background color:#2B2A54; } .tc2{ BORDER-RIGHT: #757D90 7px inset; BORDER-TOP: #757D90 7px outset; BORDER-LEFT: #757D90 7px outset; BORDER-BOTTOM: #757D90 7px inset; background color:#2B2A54; } .phto{ height:244px; width:400px; position:absolute; top:0px; left:0px; } .dv{ BORDER-RIGHT: #757D90 7px double; BORDER-TOP: #757D90 7px double; BORDER-LEFT: #757D90 7px double; BORDER-BOTTOM: #757D90 7px double; height:258px; width:414px; position:relative; top:0px; left:0px; } .tx{ background color:#2B2A54; scrollbar-face-color:#2B2A54; scrollbar-highlight-color:#2B2A54; scrollbar-3dlight-color:#757D90; scrollbar-darkshadow-color:#2B2A54; scrollbar-shadow-color:#2B2A54; scrollbar-arrow-color:#2B2A54; scrollbar-track-color:#2B2A54; padding:10px; text-align: center; OVERFLOW: auto; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: 757D90; height:150px; width: 100%; } </style> </head> <!--La tuile deu background ici tout sur une ligne--> <BODY bgColor=757D90 background="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/TILE.jpg"> <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite> <TABLE width=450px align=center cellpadding=0 cellspacing=30> <TR> <TD class=tc align=center><DIV class=dv align=center> <IMG class=phto id=phto1 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MAIN IMAGE1.jpg"> <IMG class=phto id=phto2 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MAIN IMAGE2.jpg"></DIV></TD></TR> <TR> <TD class=tc2 align=center><DIV class=tx>text</DIV></TD></TR></TABLE> <script language=vbscript> '*----------------------------------* '* REM faites la magie '* script écrit par Connie Schutza '* Aout 6 2003 '* magique jusqu'à la fin '*-----------------------------------* window.status=" script and stationery by Connie "
x=0 y=0
SetInterval "chsscroll",64
Sub chsscroll() x=x y=y-1 document.body.style.backgroundposition=x&" "&y End Sub
phto1.style.FILTER="progid:DXImageTransform.Microsoft.Stretch" phto2.style.FILTER="progid:DXImageTransform.Microsoft.Stretch"
Sub Window_OnLoad phto1.style.visibility="visible" phto2.style.visibility="hidden" SetTimeout "csh", 4000 End Sub
</script> </body> </html>
------------------------------------------------------6------------------------------------------- Maintenant nous écrivons notre prochain SUB Le prochain SUB va indiquer au PC quoi faire avec les images dans notre script. Il indiquera au PC de cacher celle qui se voit et de montrer celle qui est cachée. Il indiquera aussi de faire ceci en utilisant le filtre que nous voulons . Comme toujours le SUB commencera par le nom SUB. Le nom SUB sur le mien est csh et voici à quoi ressemble la première ligne de mon sub. Sub csh() La prochaine ligne dans le SUB indiquera au PC de remettre à zéro sa montre. Nous devrons dégager le temps hors de cela que nous plaçons dans le on load sub. Cela démarre le temporisateur du PC pour ce SUB. Cette ligne de code ressemble à ceci... ClearTimeOut Ensuite nous dirons au PC d'appliquer le filtre sur notre première image ce qui ressemble à ceci. phto1.filters(0).Apply() Puis nous devons dire au PC quel style nous voulons et dans ce cas-ci j'ai employé le style de poussée (push), voici le code ... phto1.filters(0).StretchStyle="push" Après nous devons dire au PC quoi faire au sujet de la visibilité de l'image quand elle démarre ce sub. Dans ce cas-ci parce que l'image se montre quand nous démarrons, nous voulons que le filtre cache l'autre image ainsi nous allons dire au PC de placer le style de visibilité de phto1 hidden ( caché). phto1.style.visibility="hidden" Après nous disons au PC combien de temps qu'il faut pour qu'il cache cette image. Nous pouvons placer ceci à un changement plus lent ou plus rapide si nous changeons le nombre après le mot : duration. Ne le faites pas trop lent ou le PC se traînera sur le fond de défilement. Ces filtres prennent un peu de mémoire pour fonctionner et si nous les faisons trop lents ils fermeront les ordinateurs plus lents. La ligne du code ressemble à ceci. phto1.filters(0).Duration=4.000 La prochaine ligne dans notre sub est la dernière qui traitera la première image. Dans cette ligne nous disons au PC maintenant de jouer le filtre ou en d'autres termes de commencer à travailler. Cette ligne de code ressemble à ceci. phto1.filters(0).Play() Maintenant nous devons dire au PC quoi faire avec l'autre image et ceci est dans le même SUB comme la substance que nous avons juste couverte. Nous dirons au PC de faire les mêmes choses à cette image qu'il a faite à la premiere seulement que la visibilité changera sur cette image pour devenir "visible" et naturellement le nom d'objet changera de phto1 en phto2 ainsi les prochaines lignes du code pour ce SUB est celui ci-dessous. Soyez sûr de faire la durée du temps pareil sur les deux images ainsi votre transition sera lisse. phto2.filters(0).Apply() phto2.filters(0).StretchStyle="push" phto2.style.visibility="visible" phto2.filters(0).Duration=4.000 phto2.filters(0).Play()
Ensuite nous disons au PC que nous voulons appeler le prochain SUB qui est dans mon manuscrit appelé csh2 et nous voulons placer le temps d'attente avant qu'il ne mette en marche ce prochain sub donc nous mettons cette ligne dans le manuscrit. SetTimeout "csh2", 4000 Quand vous mettez le temps d'ensemble , votre nombre peut être égale ou plus que la durée du filtre. Si vous le placez pour être plus court, il fera des sauts ainsi ce nombre doit toujours être au moins identique que la durée ou plus long et cela fonctionnera très bien aussi bien . Maintenant nous avons fini avec ce sub ainsi nous disons au PC de le finir avec cette ligne de code. End Sub Your whole sub will look like this .. Sub csh() ClearTimeOut phto1.filters(0).Apply() phto1.filters(0).StretchStyle="push" phto1.style.visibility="hidden" phto1.filters(0).Duration=4.000 phto1.filters(0).Play() phto2.filters(0).Apply() phto2.filters(0).StretchStyle="push" phto2.style.visibility="visible" phto2.filters(0).Duration=4.000 phto2.filters(0).Play() SetTimeout "csh2", 4000 End Sub
------------------------------------------------------7------------------------------------------- Votre manuscrit ressemblera à ceci en ce moment . <html> <head> <title> </title> <!--script by Connie--> <style> Body{ BORDER-RIGHT: #757D90 7px inset; BORDER-TOP: #757D90 7px outset; BORDER-LEFT: #757D90 7px outset; BORDER-BOTTOM: #757D90 7px inset; scrollbar-face-color:#757D90; scrollbar-highlight-color:#2B2A54; scrollbar-3dlight-color:#757D90; scrollbar-darkshadow-color:#2B2A54; scrollbar-shadow-color:#757D90; scrollbar-arrow-color:#2B2A54; scrollbar-track-color:#757D90; } .tc{ BORDER-RIGHT: #757D90 7px inset; BORDER-TOP: #757D90 7px outset; BORDER-LEFT: #757D90 7px outset; BORDER-BOTTOM: #757D90 7px inset; padding:20px; background color:#2B2A54; } .tc2{ BORDER-RIGHT: #757D90 7px inset; BORDER-TOP: #757D90 7px outset; BORDER-LEFT: #757D90 7px outset; BORDER-BOTTOM: #757D90 7px inset; background color:#2B2A54; } .phto{ height:244px; width:400px; position:absolute; top:0px; left:0px; } .dv{ BORDER-RIGHT: #757D90 7px double; BORDER-TOP: #757D90 7px double; BORDER-LEFT: #757D90 7px double; BORDER-BOTTOM: #757D90 7px double; height:258px; width:414px; position:relative; top:0px; left:0px; } .tx{ background color:#2B2A54; scrollbar-face-color:#2B2A54; scrollbar-highlight-color:#2B2A54; scrollbar-3dlight-color:#757D90; scrollbar-darkshadow-color:#2B2A54; scrollbar-shadow-color:#2B2A54; scrollbar-arrow-color:#2B2A54; scrollbar-track-color:#2B2A54; padding:10px; text-align: center; OVERFLOW: auto; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: 757D90; height:150px; width: 100%; } </style> </head> <!--La tuile deu background ici tout sur une ligne--> <BODY bgColor=757D90 background="C:/Program Files/Fichiers Communs/Microsoft Shared/Stationery/TILE.jpg"> <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite> <TABLE width=450px align=center cellpadding=0 cellspacing=30> <TR> <TD class=tc align=center><DIV class=dv align=center> <IMG class=phto id=phto1 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MAIN IMAGE1.jpg"> <IMG class=phto id=phto2 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MAIN IMAGE2.jpg"></DIV></TD></TR> <TR> <TD class=tc2 align=center><DIV class=tx>text</DIV></TD></TR></TABLE> <script language=vbscript> '*----------------------------------* '* REM faites la magie '* script écrit par Connie Schutza '* Aout 6 2003 '* magique jusqu'à la fin '*-----------------------------------* window.status=" script and stationery by Connie "
x=0 y=0 SetInterval "chsscroll",64
Sub chsscroll() x=x y=y-1 document.body.style.backgroundposition=x&" "&y End Sub phto1.style.FILTER="progid:DXImageTransform.Microsoft.Stretch" phto2.style.FILTER="progid:DXImageTransform.Microsoft.Stretch" Sub Window_OnLoad phto1.style.visibility="visible" phto2.style.visibility="hidden" SetTimeout "csh", 4000 End Sub
Sub csh() ClearTimeOut phto1.filters(0).Apply() phto1.filters(0).StretchStyle="push" phto1.style.visibility="hidden" phto1.filters(0).Duration=4.000 phto1.filters(0).Play() phto2.filters(0).Apply() phto2.filters(0).StretchStyle="push" phto2.style.visibility="visible" phto2.filters(0).Duration=4.000 phto2.filters(0).Play() SetTimeout "csh2", 4000 End Sub </script> </body> </html> |
Dernière édition par Gi le Sam 22 Aoû - 14:26, édité 2 fois |
|  | | Gi Rang: Administrateur

Nombre de messages: 11439 Localisation: Terrebonne, Québec, Canada Date d'inscription: 18/12/2004
 | Sujet: Leçon 10 C Jeu 13 Oct - 21:35 | |
| Traduction par Mickaëla P ©Connie Schutza Hill 2003 Tous droits réservés Leçon 10 C 8-------------------------------------------
| Code: | Maintenant écrivons nos prochains subs . Ce sub indiquera au PC de cacher la deuxième image et de nous montrer la premiere encore mais nous voulons que le PC emploie un style différent sur le filtre. La fois passée nous avons employé la poussée "push", cette fois ci nous voulons employer la transition de rotation"spin" pour un regard différent ainsi ce sub est presque comme celui que nous venons juste d'écrire. La seule chose qui changera est le style du filtre, et l'ordre les images sont énumérés et la visibilité de l'image .. Je mettrai juste le code entier ici pour vous et n'expliquerai pas la chose entière encore parce que vous savez déjà ce que signifie chaque ligne. Vous avez juste besoin de l'étudier et de noter les choses qui ont changé dans ce sub. Le sub ressemble à ceci.... J'ai marqué les parties changées en rouge pour vous. Veuillez noter que le sub démarre avec phto2 cette fois. C'est parce que c'est l'image visibile. Mettez toujours l'image visible d'abord dans le sub et cachez-alors l'autre et dites au PC de montrer l'autre. Sub csh2() ClearTimeOut phto2.filters(0).Apply() phto2.filters(0).StretchStyle="spin" phto2.style.visibility="hidden" phto2.filters(0).Duration=4.000 phto2.filters(0).Play() phto1.filters(0).Apply() phto1.filters(0).StretchStyle="spin" phto1.style.visibility="visible" phto1.filters(0).Duration=4.000 phto1.filters(0).Play() SetTimeout "csh3", 4000 End Sub
Puisque nous comprenons les subs et ce que chaque ligne indique au PC, nous avançons et écrivons nos autres subs maintenant. Notre prochain sub indiquera encore au PC de cacher l'image qui se voit et de montrer l'image qui est cachée et cette fois ci nous changerons le style du filtre de rotation "spin" en "hide". Cela nous donnera un autre regard à la transition.L'ordre des noms d'image changera encore ,vous donnerez un sub qui ressemble à celui-ci. Rappelez-vous de donner le nom de sub le même nom que vous avez dit au PC de lancer . Sub csh3() ClearTimeOut phto1.filters(0).Apply() phto1.filters(0).StretchStyle="hide" phto1.style.visibility="hidden" phto1.filters(0).Duration=4.000 phto1.filters(0).Play() phto2.filters(0).Apply() phto2.filters(0).StretchStyle="hide" phto2.style.visibility="visible" phto2.filters(0).Duration=4.000 phto2.filters(0).Play() SetTimeout "csh4", 4000 End Sub
Maintenant nous allons mettre notre dernier sous-marin. Ce sub indiquera au PC de changer le style du filtre de peau "hidden"en style de rotation "spin" . Ce sub indiquera également au PC de retourner au premier sub qui a changé les images et lancé les transitions pour toujours . Une chose à noter ici. Quand vous voulez que le PC lance les transitions pour toujours, vous devez faire aller la première image visible dans le dernier sub. Si vous ne faites pas cela, alors le PC ne pourra pas réexécuter la pleine transition sans à-coup. Le dernier sub doit tout a placé en arrière comme c'était quand le statut a commencé ainsi la première image se montrera à la fin du dernier sub et la seconde sera cachée. Le sub ressemblera à ceci, encore, les changements sont en rouge. Sub csh4() ClearTimeOut phto2.filters(0).Apply() phto2.filters(0).StretchStyle="spin" phto2.style.visibility="hidden" phto2.filters(0).Duration=4.000 phto2.filters(0).Play() phto1.filters(0).Apply() phto1.filters(0).StretchStyle="spin" phto1.style.visibility="visible" phto1.filters(0).Duration=4.000 phto1.filters(0).Play() SetTimeout "csh", 4000 End Sub
------------------------------------------------------9------------------------------------------- Votre manuscrit ressemblera à ceci en ce moment . <html> <head> <title> </title> <!--script by Connie--> <style> Body{ BORDER-RIGHT: #757D90 7px inset; BORDER-TOP: #757D90 7px outset; BORDER-LEFT: #757D90 7px outset; BORDER-BOTTOM: #757D90 7px inset; scrollbar-face-color:#757D90; scrollbar-highlight-color:#2B2A54; scrollbar-3dlight-color:#757D90; scrollbar-darkshadow-color:#2B2A54; scrollbar-shadow-color:#757D90; scrollbar-arrow-color:#2B2A54; scrollbar-track-color:#757D90; } .tc{ BORDER-RIGHT: #757D90 7px inset; BORDER-TOP: #757D90 7px outset; BORDER-LEFT: #757D90 7px outset; BORDER-BOTTOM: #757D90 7px inset; padding:20px; background color:#2B2A54; } .tc2{ BORDER-RIGHT: #757D90 7px inset; BORDER-TOP: #757D90 7px outset; BORDER-LEFT: #757D90 7px outset; BORDER-BOTTOM: #757D90 7px inset; background color:#2B2A54; } .phto{ height:244px; width:400px; position:absolute; top:0px; left:0px; } .dv{ BORDER-RIGHT: #757D90 7px double; BORDER-TOP: #757D90 7px double; BORDER-LEFT: #757D90 7px double; BORDER-BOTTOM: #757D90 7px double; height:258px; width:414px; position:relative; top:0px; left:0px; } .tx{ background color:#2B2A54; scrollbar-face-color:#2B2A54; scrollbar-highlight-color:#2B2A54; scrollbar-3dlight-color:#757D90; scrollbar-darkshadow-color:#2B2A54; scrollbar-shadow-color:#2B2A54; scrollbar-arrow-color:#2B2A54; scrollbar-track-color:#2B2A54; padding:10px; text-align: center; OVERFLOW: auto; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: 757D90; height:150px; width: 100%; } </style> </head> <!--La tuile deu background ici tout sur une ligne--> <BODY bgColor=757D90 background="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/TILE.jpg"> <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite> <TABLE width=450px align=center cellpadding=0 cellspacing=30> <TR> <TD class=tc align=center><DIV class=dv align=center> <IMG class=phto id=phto1 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MAIN IMAGE1.jpg"> <IMG class=phto id=phto2 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/MAIN IMAGE2.jpg"></DIV></TD></TR> <TR> <TD class=tc2 align=center><DIV class=tx>text</DIV></TD></TR></TABLE> <script language=vbscript> '*----------------------------------* '* REM faites la magie '* script écrit par Connie Schutza '* Aout 6 2003 '* magique jusqu'à la fin '*-----------------------------------* window.status=" script and stationery by Connie "
x=0 y=0 SetInterval "chsscroll",64
Sub chsscroll() x=x y=y-1 document.body.style.backgroundposition=x&" "&y End Sub phto1.style.FILTER="progid:DXImageTransform.Microsoft.Stretch" phto2.style.FILTER="progid:DXImageTransform.Microsoft.Stretch"
Sub Window_OnLoad phto1.style.visibility="visible" phto2.style.visibility="hidden" SetTimeout "csh", 4000 End Sub
Sub csh() ClearTimeOut phto1.filters(0).Apply() phto1.filters(0).StretchStyle="push" phto1.style.visibility="hidden" phto1.filters(0).Duration=4.000 phto1.filters(0).Play() phto2.filters(0).Apply() phto2.filters(0).StretchStyle="push" phto2.style.visibility="visible" phto2.filters(0).Duration=4.000 phto2.filters(0).Play() SetTimeout "csh2", 4000 End Sub
Sub csh2() ClearTimeOut phto2.filters(0).Apply() phto2.filters(0).StretchStyle="spin" phto2.style.visibility="hidden" phto2.filters(0).Duration=4.000 phto2.filters(0).Play() phto1.filters(0).Apply() phto1.filters(0).StretchStyle="spin" phto1.style.visibility="visible" phto1.filters(0).Duration=4.000 phto1.filters(0).Play() SetTimeout "csh3", 4000 End Sub
Sub csh3() ClearTimeOut phto1.filters(0).Apply() phto1.filters(0).StretchStyle="hide" phto1.style.visibility="hidden" phto1.filters(0).Duration=4.000 phto1.filters(0).Play() phto2.filters(0).Apply() phto2.filters(0).StretchStyle="hide" phto2.style.visibility="visible" phto2.filters(0).Duration=4.000 phto2.filters(0).Play() SetTimeout "csh4", 4000 End Sub
Sub csh4() ClearTimeOut phto2.filters(0).Apply() phto2.filters(0).StretchStyle="spin" phto2.style.visibility="hidden" phto2.filters(0).Duration=4.000 phto2.filters(0).Play() phto1.filters(0).Apply() phto1.filters(0).StretchStyle="spin" phto1.style.visibility="visible" phto1.filters(0).Duration=4.000 phto1.filters(0).Play() SetTimeout "csh", 4000 End Sub
</script> </body> </html>
------------------------------------------------------Fin------------------------------------------- Sauvegardez et faites un aperçu de votre script. Il devrait fonctionner parfaitement. ------------------------------------------------------NOTE------------------------------------------- Note. Si vous voulez employer seulement un style du filtre sur votre manuscrit, vous devez seulement écrire le premier et deuxième SUB pour les images et employer le même style sur les deux . Ils ressembleront à ceci et le sub 2 appellera le sub 1 encore et il répétera la transition à plusieurs reprises. Cela fonctionnera très bien de cette façon, j'ai juste voulu vous montrer comment faire de l'autre manière au cas où vous voudriez faire quelque chose qui est un peu différent et ceci montre comment appliquer chaque style du filtre , mais vous êtes libre pour le faire de n'importe quelle manière comme vous aimez. Sub csh() ClearTimeOut phto1.filters(0).Apply() phto1.filters(0).StretchStyle="push" phto1.style.visibility="hidden" phto1.filters(0).Duration=4.000 phto1.filters(0).Play() phto2.filters(0).Apply() phto2.filters(0).StretchStyle="push" phto2.style.visibility="visible" phto2.filters(0).Duration=4.000 phto2.filters(0).Play() SetTimeout "csh2", 4000 End Sub
Sub csh2() ClearTimeOut phto2.filters(0).Apply() phto2.filters(0).StretchStyle="push" phto2.style.visibility="hidden" phto2.filters(0).Duration=4.000 phto2.filters(0).Play() phto1.filters(0).Apply() phto1.filters(0).StretchStyle="push" phto1.style.visibility="visible" phto1.filters(0).Duration=4.000 phto1.filters(0).Play() SetTimeout "csh", 4000 End Sub
------------------------------------------------------Devoirs------------------------------------------- Faites de la magie , utilisez ce filtre et rêvez avec vos propres scripts . Rappelez-vous la conception d'une papeterie n'est qu'un amusement et c'est la conception quelque chose que vous voulez voir. Les leçons sont justes là pour que vous appreniez les codes, ce qu'elles signifient et comment les employer mais la vraie magie est à l'intérieur vous ainsi laissé là sortir pour nous la montrer. Voir l'exemple 1 ICI Voir l'exemple 2 avec 4 images ICI |
Dernière édition par Gi le Sam 22 Aoû - 14:28, édité 2 fois |
|  | | Gi Rang: Administrateur

Nombre de messages: 11439 Localisation: Terrebonne, Québec, Canada Date d'inscription: 18/12/2004
 | Sujet: Cours 11 A Jeu 13 Oct - 21:38 | |
| Traduction par Mickaëla P ©Connie Schutza Hill 2003 Tous droits réservés Cours 11 A Leçon 11.
| Code: | Ceci est un site d'enseignement pour ceux qui veulent apprendre à écrire des scripts pour la papeterie d'email. Les leçons que vous utiliserez sont toutes écrites par Connie Schutza Hill sauf indication contraire et traduite par moi , Mickaëla P. Elle tient tous les droits d'auteur sur ces leçons.Les TERMES D'UTILISATION sont inscrits sur la page d'INTRO . Lisez s'il vous plaît ces règles et soumettez-vous y. ------------------------------------------------------ Bienvenue dans la leçon 11. Cette fois nous allons apprendre à travailler encore avec des filtres de transition. Nous utiliserons le filtre Blend Trans , j'espère que vous aimerez ce filtre. Ce filtre fera une image qui se fane dans et hors du statut et offre un nouveau regard total à votre statut faisant la magie. Nous utiliserons également le filtre alpha . La manière dont nous l'employerons est simplement à sens unique pour l'utiliser, nous travaillerons davantage avec ce filtre dans une leçon postérieure. --------------------------Ce dont nous avons besoin pour cette leçon-------------------------- 1.2 images principales et veuillez vous assurer qu'elles soient de la même taille . 2. 1 midi. 3. 1 tuile de background . 4. HTML Kit ou blocnote --------------------------couleur des codes dans la leçon------------------------------------------- Pendant la leçon, si vous voyez quelque chose dans cette couleur bleue brillante c'est juste pour attirer votre attention sur cette balise. Les choses en bleu foncé seront là pour vous montrer à quoi votre script doit ressembler à cette endroit dans la leçon. Cela vous aidera à voir ce qui vous manque si vous vous heurtez à un problème dans la leçon. Afin de vous aider un peu mieux la nouvelle substance qui sera ajoutée dans le script sera en texte rouge. Quoi que ce soit en vert est la nouvelle particule de scénario que vous ajouterez . Vous pourrez alors vérifier à quoi le plein scénario devrait ressembler en vous déplaçant au secteur bleu foncé qui suivra toujours le secteur vert. Les lignes rouges sont juste pour trier les sections de la leçon . J'ajouterai des numéros à ces lignes donc vous pourrez mieux savoir ou vous en êtes. ------------------------------------------------------1------------------------------------------- Demarrons notre leçon cette fois nous n'aurons aucun nouveau code dans la pièce de HTML de notre manuscrit , nous allons mettre la nouvelle substance dans la section du VBS .. Ouvrez un script pour que nous travaillions avec. Vous pouvez en écrire un neuf ou faire quelques changements sur celui que nous avons employé à la dernière leçon. Je vais faire des changements au mien à partir de la semaine dernière. Ouvrez une table avec l'image dessus et la boîte à textes au-dessous de l'image. Puisque nous allons avoir deux images posées dans la cellule supérieure et que laisserons le filtre changer les images, nous devons mettre dedans une division pour contenir les images. Soyez sûr de rendre la position de division relative et de lui faire la même taille que vos images + la largeur de toutes les frontières qui vont s'ajouter à la division. Rappelez-vous nous a fait cela dans la leçon 9 .. Soyez sûr de donner aux images des noms d'identification et se rappeler qu'elles doivent être de différents noms, sur l'identification d'image j'ai employé p1 et p2 mais vous pouvez svp les appeler comme vous voulez. Rappelez-vous en outre de placer les images absolues et de dire au script la taille des images dans le secteur de style du manuscrit. Puisque nous allons appliquer un filtre aux cellules de table , nous devons leurs donner un nom d'identification ,assurez vous de leur donner des noms différents . J'ai utilisé id=tc1 pour ma cellule avec les images dedans et id=tcx pour celle avec la boîte à textes . Donnez aux deux cellules une couleur de fond dans la section de style ainsi notre filtre aura quelque chose à travailler sans compter les frontières. Mettre la section de STYLE dans votre script et mettez tout en place à l'intérieur . J'emploie le dernier manuscrit de la dernière leçon ainsi j'ai deux styles de cellules de table mais vous pouvez utiliser une table normale et avoir seulement un style de cellules de table si vous préférez. Si vous le faites comme le mien ne mettez pas une couleur de fond sur la table, nous la mettrons seulement sur les cellules de table. NOTE---- Si vous avez déjà joué avec le filtre d'alpha dans le passé , vous savez que quand vous l'utilisez il saignera à travers l'image et dans le texte qui est à l'intérieur de la division ou de la cellule sur laquelle vous avez mis le filtre. Il y a un tour pour qu'il ne fasse pas cela. Ce tour doit être donner aux images et aux divs dans la position des cellules. Ainsi quand nous installerons notre script , nous dirons à la division de boîte de textes de se placer en position relative et lui indiquer d'être au top0 et à left 0. Cela le cassera quand il sera appliqué à la cellule de table. Les images ont déjà cela dans leur style parce qu'on leur dit de se placer en position absolue à l'intérieur de la division. Vous pouvez commencer votre VBS commed'habitude et cette fois ci nous n'aurons pas de fond de défilement. Le filtre blend trans utilise énormement le processeur ( mémoire) et il arrêtera le défilement de lui même pour travailler alors unitile de le mettre dans le script. ------------------------------------------------------2------------------------------------------- Votre script devrait ressembler à celui ci quand vous aurez fini. <html> <head> <title></title> <!--script by Connie--> <style> Body{ BORDER-RIGHT: #313B18 7px inset; BORDER-TOP: #313B18 7px outset; BORDER-LEFT: #313B18 7px outset; BORDER-BOTTOM: #313B18 7px inset; scrollbar-face-color:#313B18; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#313B18; scrollbar-darkshadow-color:#313B18; scrollbar-shadow-color:#313B18; scrollbar-arrow-color:#000000; scrollbar-track-color:#313B18; } .tc{ BORDER-RIGHT: #A2915D 7px inset; BORDER-TOP: #A2915D 7px outset; BORDER-LEFT: #A2915D 7px outset; BORDER-BOTTOM: #A2915D 7px inset; background color:#1E270C; padding: 20px; } .tc2{ BORDER-RIGHT: #A2915D 7px inset; BORDER-TOP: #A2915D 7px outset; BORDER-LEFT: #A2915D 7px outset; BORDER-BOTTOM: #A2915D 7px inset; background color:#1E270C; padding: 5px; } .phto{ height: 350px; width: 350px; position:absolute; top:0px; left:0px; } .d{ BORDER-RIGHT: #787341 7px double; BORDER-TOP: #787341 7px double; BORDER-LEFT: #787341 7px double; BORDER-BOTTOM: #787341 7px double; position:relative; top:0px; left:0px; width: 364px; height: 364px; } .tx{ scrollbar-face-color:#0D0301; scrollbar-highlight-color:#7A5838; scrollbar-3dlight-color:#0D0301; scrollbar-darkshadow-color:#0D0301; scrollbar-shadow-color:#0D0301; scrollbar-arrow-color:#7A5838; scrollbar-track-color:#0D0301; padding:10px; text-align: center; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: #787341; height:200px; width: 100%; position:relative; top:0px; left:0px; OVERFLOW: auto; } </style> </head> <!--tuile background ici tout sur une ligne--> <BODY bgColor=#000000 background="C:/Program Files/Fichiers Commnuns/Microsoft Shared/Papier à Lettres/TILE.jpg" > <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers Commnuns/Microsoft Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite> <TABLE width=350px align=center cellpadding=0 cellspacing=20> <TR> <TD class=tc id=tc1 align=center><div class=d align=center> <IMG class=phto id=p1 alt="MESSAGE ICI" src="C:/Program Files/Fichiers Commnuns/Microsoft Shared/Papier à Lettres/IMAGE.jpg" > <IMG class=phto id=p2 alt="MESSAGE ICI" src="C:/Program Files/Fichiers Commnuns/Microsoft Shared/Papier à Lettres/IMAGE2.jpg" ></DIV></TD></TR> <TR> <TD class=tc2 align=center id=tcx><div class=tx >text</DIV></TD></TR></TABLE> <script language=vbscript> '*----------------------------------* '* REM faites la magie '* script écrit par Connie Schutza '* Aout 19 2003 '* magie sans fin '*-----------------------------------* '* C'est ici que vous changez le ticker----------------------------------------* window.status=" script and stationery by " </script> </body> </html>
------------------------------------------------------3------------------------------------------- D'abord regardons les filtres que nous allons employer cette fois ci . Nous allons jouer avec BlendTrans filter Ce filtre sera appliqué à nos images, il fera disparaitre une image et apparaitre la suivante. C'est un filtre amusemant tout comme la plupart des filtres de transition, celui-ci ne fonctionnera pas à moins que l'objet a qui vous l'appliquiez ait la disposition donc soyez sûr de mettre la taille de l'objet dans la balise destyle pour faire fonctionner le filtre. Le filtre de blendTrans peut être utilisé sur une division si vous le voulez ainsi il travaillera sur du texte comme sur les images. Nous allons également travailler avec Alpha filter Ce filtre fera avoir moins d'opacité à l'objet sur lequel vous l'appliquez . Il vous permettra de voir la tuile de fond sur l'objet et vous permet également le contrôle de transparencesue cette objet . Dans ce script nous allons appliquer le filtre d'alpha aux cellules de table c'est pourquoi ils ont besoin d'une couleur de fond . En outre si vous voulez ,vous pouvez l'appliquer à la table entière et pas juste aux cellules. ------------------------------------------------------4--------------------------------------------------------- Commençon notre VBS dans ce script. Nous avons déjà nos crédits dans le script et notre ligne de statut alors nous sommes maintenant prêts à mettre dedans les filtres. D'abord nous voulons dire au PC d'appliquer le filtre alpha à nos cellules de table ainsi nous mettons ce peu de code dans le manuscrit. tcx.style.filter="alpha(opacity=70)" tc1.style.filter="alpha(opacity=70)"
Regardez les codes de filtre et vous les trouverez sont comme ceux de la semaine dernière . Nous avons d'abord le nom de l'objet sur lequel nous voulons que le filtre s'applique , puis nous disons au PC que nous voulons travailler avec le style de cet objet . Après nous disons au PC quel style sera à quel filtre et nous avons le nom de filtre. Sur cette leçon nous devons seulement nous inquiéter de quelle opacité mettre ces filtre , moi j'ai sélectionné 70 ce qui veut dire que mes cellules de table auront une opacité de 70%. Après nous allons dire au PC quel filtre employer sur nos images. Ainsi nous mettrons ceci dans le script. p1.style.filter="blendTrans" p2.style.filter="blendTrans"
Encore nous disons au PC avec quel objet il doit travailler, nous lui disons de travailler avec le style de cet objet et quel filtre. Maintenant nous sommes prêts à nous déplacer à notre premier sub qui dans ce manuscrit est on load sub j'ai ainsi mis ce nom de sub dans le manuscrit. sub window_onload() Ce sub doit indiquer la visibilité des images au PC, soit une est hidden et l'autre visible ou les 2 cachées :hidden. Je commençe d'abord par les deux images cachées pour deux raisons. D'abord je veux qu'il regarde de cette façon , ensuite je le fais pour vous montrer comment commencer sans l'apparence d'image et les faire se révéler , faire alors la transition et quel sub doit faire une boucle de nouveau et se répétera avec la grace. Si les deux images commencent caché.......mettre cela dans le script. p1.style.visibility="hidden" p2.style.visibility="hidden"
Maintenant nous voulons appeler notre prochain sub, celui qui commencera à mélanger les images dedans et dehors. J'ai appelé ce sub fadein parce que c'est ce ce qu'il va faire, il fait disparaitre la première image de vue. Mettons cela dans notre manuscrit. SetTimeOut "fadein",4000 et nous avons fini avec ce sub donc nous finissons avec end Sub Le plein code du sub ressemble à celui-ci .. sub window_onload() p1.style.visibility="hidden" p2.style.visibility="hidden" SetTimeOut "fadein",4000 end sub |
Dernière édition par Gi le Sam 22 Aoû - 14:28, édité 1 fois |
|  | | Gi Rang: Administrateur

Nombre de messages: 11439 Localisation: Terrebonne, Québec, Canada Date d'inscription: 18/12/2004
 | Sujet: Cours 11 B Jeu 13 Oct - 21:45 | |
| Traduction par Mickaëla P ©Connie Schutza Hill 2003 Tous droits réservés 5---------------------------------------------------------
| Code: | Voici votre script jusqu'ici mais ne le visionnez pas encore ou vous obtiendrez une erreur. <html> <head> <title></title> <!--script by Connie--> <style>
Body{ BORDER-RIGHT: #313B18 7px inset; BORDER-TOP: #313B18 7px outset; BORDER-LEFT: #313B18 7px outset; BORDER-BOTTOM: #313B18 7px inset; scrollbar-face-color:#313B18; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#313B18; scrollbar-darkshadow-color:#313B18; scrollbar-shadow-color:#313B18; scrollbar-arrow-color:#000000; scrollbar-track-color:#313B18; }
.tc{ BORDER-RIGHT: #A2915D 7px inset; BORDER-TOP: #A2915D 7px outset; BORDER-LEFT: #A2915D 7px outset; BORDER-BOTTOM: #A2915D 7px inset; background color:#1E270C; padding: 20px; }
.tc2{ BORDER-RIGHT: #A2915D 7px inset; BORDER-TOP: #A2915D 7px outset; BORDER-LEFT: #A2915D 7px outset; BORDER-BOTTOM: #A2915D 7px inset; background color:#1E270C; padding: 5px; }
.phto{ height: 350px; width: 350px; position:absolute; top:0px; left:0px; }
.d{ BORDER-RIGHT: #787341 7px double; BORDER-TOP: #787341 7px double; BORDER-LEFT: #787341 7px double; BORDER-BOTTOM: #787341 7px double; position:relative; top:0px; left:0px; width: 364px; height: 364px; }
.tx{ scrollbar-face-color:#0D0301; scrollbar-highlight-color:#7A5838; scrollbar-3dlight-color:#0D0301; scrollbar-darkshadow-color:#0D0301; scrollbar-shadow-color:#0D0301; scrollbar-arrow-color:#7A5838; scrollbar-track-color:#0D0301; padding:10px; text-align: center; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: #787341; height:200px; width: 100%; position:relative; top:0px; left:0px; OVERFLOW: auto; }
</style> </head> <!--tuile background ici tout sur une ligne--> <BODY bgColor=#000000 background="C:/Program Files/Fichiers Commnuns/Microsoft Shared/Papier à Lettres/TILE.jpg" > <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers Commnuns/Microsoft Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite>
<TABLE width=350px align=center cellpadding=0 cellspacing=20> <TR> <TD class=tc id=tc1 align=center><div class=d align=center> <IMG class=phto id=p1 alt="MESSAGE ICI" src="C:/Program Files/Fichiers Commnuns/Microsoft Shared/Papier à Lettres/IMAGE.jpg" > <IMG class=phto id=p2 alt="MESSAGE ICI" src="C:/Program Files/Fichiers Commnuns/Microsoft Shared/Papier à Lettres/IMAGE2.jpg" ></DIV></TD></TR> <TR> <TD class=tc2 align=center id=tcx><div class=tx >text</DIV></TD></TR></TABLE>
<script language=vbscript> '*----------------------------------* '* REM faites la magie '* script écrit par Connie Schutza '* Aout 19 2003 '* magie sans fin '*-----------------------------------*
'* C'est ici que vous changez le ticker----------------------------------------*
window.status=" script and stationery by "
tcx.style.filter="alpha(opacity=70)" tc1.style.filter="alpha(opacity=70)" p1.style.filter="blendTrans" p2.style.filter="blendTrans"
sub window_onload() p1.style.visibility="hidden" p2.style.visibility="hidden" SetTimeOut "fadein",4000 end sub </script> </body> </html>
-----------------------------------------------------6------------------------------------------- Nous sommes prêts à écrire nos prochains subs . Notre premier sub dans la présente partie fera disparaitre l'image sur l'écran. Ainsi nous commençons par le nom du sub. sub fadein() Nous devons dire au PC de lancer le temps ainsi nous mettons ceci dans le sub. ClearTimeout Après nous devons lui dire de prendre la première image et d'appliquer le filtre. p1.filters(0).Apply() Alors nous disons au PC de rendre l'image visible quand il applique le filtre p1.style.visibility="visible" Puis nous lui disons de commencer le fonctionnement du filtre pour faire disparaitre l'image et combien de temps pour rendre l'image 100% visible.
p1.filters(0).Play(10.00) Nous lui disons ensuite de se déplacer au prochain sub et combien de temps attendre avant qu'il se déplace au prochain sub. Mon temps de jeu est placé à 10.00 donc je mets le temps dehors à 11000. SetTimeOut "fadeout",11000 nous avons terminé avec ce sub donc nous finissons avec.... end sub Puisque nous comprenons plus ou moins ces subs et qu' ils sont tous semblables nous écriront le reste qui les concernent maintenant et je vous montrerai à quoi ressemble le script entier. Notre prochain sub démarre normalement avec le nom du sub et le temps . sub fadeout() ClearTimeout Nous disons au PC d'appliquer le filtre à la 1ere image encore , de la cacher et de mettre le filtre dans l'action , cette fois je veux qu'elle rende la prise de mélange plus longue ainsi j'ai changé le temps de jeu en 15,00 mais c'est à vous de choisir, vous pouvez mettre le votre plus rapide. p1.filters(0).Apply() p1.style.visibility="hidden" p1.filters(0).Play(15.00)
Parce que nous voulons que l'image 2 disparaisse tandis que l'image une apparaisse nous disons au PC d'appliquer le filtre à l'image 2, changez l'image hidden en visible et le fonctionnement du filtre ainsi que le temps pour rendre l'image visible. Ce nombre doit être le même que celui sur l'image 1 ainsi elles apparaissent et disparaissent à la même vitesse.
p2.filters(0).Apply() p2.style.visibility="visible" p2.filters(0).Play(15.00)
Maintenant nous devons dire au PC de passer au prochain sub que j'ai appelé fade2 et nous plaçons notre temps de vitesse pour que le filtre fonctionne. Nous avons également fini avec ce sub donc le disons aussi au PC . SetTimeOut "fade2",15000 end sub
Ensuite nous nous déplaçons à notre prochain sub.Ce sub sera du même principe que celui que nous avons fait . Jetez svp un coup d'oeil dans le sub , j'ai fait une boucle sur celui-ci de nouveau pour la répétition du fade in and out . Je ne suis pas allée de nouveau au premier sub, j'ai fait une boucle de nouveau au deuxième sub. La raison de ceci est que le premier sub travaille seulement avec une image. Ce qui signifierait que la boucle ne fonctionnerait pas bien parce qu' à la fin du sub end nous avons deux images dans le jeu, une cachée et une se montrant ainsi le premier sub ne ferait pas les changements que nous avons besoin. Cependant, le deuxième sub nous fait ce que nous lui demandons de faire à la prochaine étape dans le script et il fait une boucle de nouveau à celui-là. Vous pouvez faire un loop au sub si vous aimez dans un manuscrit aussi longtemps qu'il fait le fonctionnement de subsistance et le laisse couler sans à-coup. sub fade2() ClearTimeout p2.filters(0).Apply() p2.style.visibility="hidden" p2.filters(0).Play(15.00) p1.filters(0).Apply() p1.style.visibility="visible" p1.filters(0).Play(15.00) SetTimeOut "fadeout",15000 end sub
-----------------------------------------------7---------------------------------------------------------
Voici à quoi votre script devrait ressembler ..
<html> <head> <title></title> <!--script by Connie--> <style>
Body{ BORDER-RIGHT: #313B18 7px inset; BORDER-TOP: #313B18 7px outset; BORDER-LEFT: #313B18 7px outset; BORDER-BOTTOM: #313B18 7px inset; scrollbar-face-color:#313B18; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#313B18; scrollbar-darkshadow-color:#313B18; scrollbar-shadow-color:#313B18; scrollbar-arrow-color:#000000; scrollbar-track-color:#313B18; }
.tc{ BORDER-RIGHT: #A2915D 7px inset; BORDER-TOP: #A2915D 7px outset; BORDER-LEFT: #A2915D 7px outset; BORDER-BOTTOM: #A2915D 7px inset; background color:#1E270C; padding: 20px; }
.tc2{ BORDER-RIGHT: #A2915D 7px inset; BORDER-TOP: #A2915D 7px outset; BORDER-LEFT: #A2915D 7px outset; BORDER-BOTTOM: #A2915D 7px inset; background color:#1E270C; padding: 5px; }
.phto{ height: 350px; width: 350px; position:absolute; top:0px; left:0px; }
.d{ BORDER-RIGHT: #787341 7px double; BORDER-TOP: #787341 7px double; BORDER-LEFT: #787341 7px double; BORDER-BOTTOM: #787341 7px double; position:relative; top:0px; left:0px; width: 364px; height: 364px; }
.tx{ scrollbar-face-color:#0D0301; scrollbar-highlight-color:#7A5838; scrollbar-3dlight-color:#0D0301; scrollbar-darkshadow-color:#0D0301; scrollbar-shadow-color:#0D0301; scrollbar-arrow-color:#7A5838; scrollbar-track-color:#0D0301; padding:10px; text-align: center; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; COLOR: #787341; height:200px; width: 100%; position:relative; top:0px; left:0px; OVERFLOW: auto; }
</style> </head> <!--tuile background ici tout sur une ligne--> <BODY bgColor=#000000 background="C:/Program Files/Fichiers Commnuns/Microsoft Shared/Papier à Lettres/TILE.jpg" > <!--Fichier Midi ici--> <BGSOUND balance=0 src="C:/Program Files/Fichiers Commnuns/Microsoft Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite>
<TABLE width=350px align=center cellpadding=0 cellspacing=20> <TR> <TD class=tc id=tc1 align=center><div class=d align=center> <IMG class=phto id=p1 alt="MESSAGE ICI" src="C:/Program Files/Fichiers Commnuns/Microsoft Shared/Papier à Lettres/IMAGE.jpg" > <IMG class=phto id=p2 alt="MESSAGE ICI" src="C:/Program Files/Fichiers Commnuns/Microsoft Shared/Papier à Lettres/IMAGE2.jpg" ></DIV></TD></TR> <TR> <TD class=tc2 align=center id=tcx><div class=tx >text</DIV></TD></TR></TABLE>
<script language=vbscript> '*----------------------------------* '* REM faites la magie '* script écrit par Connie Schutza '* Aout 19 2003 '* magie sans fin '*-----------------------------------*
'* C'est ici que vous changez le ticker----------------------------------------*
window.status=" script and stationery by "
tcx.style.filter="alpha(opacity=70)" tc1.style.filter="alpha(opacity=70)"
p1.style.filter="blendTrans" p2.style.filter="blendTrans"
sub window_onload() p1.style.visibility="hidden" p2.style.visibility="hidden" SetTimeOut "fadein",4000 end sub
sub fadein() ClearTimeout p1.filters(0).Apply() p1.style.visibility="visible" p1.filters(0).Play(10.00) SetTimeOut "fadeout",11000 end sub sub fadeout() ClearTimeout p1.filters(0).Apply() p1.style.visibility="hidden" p1.filters(0).Play(15.00) p2.filters(0).Apply() p2.style.visibility="visible" p2.filters(0).Play(15.00) SetTimeOut "fade2",15000 end sub
sub fade2() ClearTimeout p2.filters(0).Apply() p2.style.visibility="hidden" p2.filters(0).Play(15.00) p1.filters(0).Apply() p1.style.visibility="visible" p1.filters(0).Play(15.00) SetTimeOut "fadeout",15000 end sub
</script> </body> </html>
Sauvegardez et faites un aperçu de votre script.. Nous avons fini cette leçon..
Voir l'exemple 1 ICI -----------------------Devoirs-------------------- Faites vos propres manuscrits à l'aide des filtres avec lesquels nous venons de jouer. Faites de la grande magie et ayez un bon nombre d'amusement | .
Dernière édition par Gi le Sam 22 Aoû - 14:30, édité 1 fois |
|  | | Gi Rang: Administrateur

Nombre de messages: 11439 Localisation: Terrebonne, Québec, Canada Date d'inscription: 18/12/2004
 | Sujet: Cours 12 A Jeu 13 Oct - 21:49 | |
| Traduction par Mickaëla P ©Connie Schutza Hill 2003 Tous droits réservés
Leçon 12 A
| Code: | Ceci est un site d'enseignement pour ceux qui veulent apprendre à écrire des scripts pour la papeterie d'email. Les leçons que vous utiliserez sont toutes écrites par Connie Schutza Hill sauf indication contraire et traduite par moi , Mickaëla P. Elle tient tous les droits d'auteur sur ces leçons.Les TERMES D'UTILISATION sont inscrits sur la page d'INTRO . Lisez s'il vous plaît ces règles et soumettez-vous y. --------------------------------------------------------------------------------------------- Bienvenue à la leçon12. Cette semaine nous allons apprendre à mettre un fond dans une table, une cellule de table et une division. Nous apprendrons également comment faire le rouleau de milieux à ceux-ci . -----------------Ce dont nous avons besoin pour cette leçon-------------------- 1. 1 image principale. 2. 1 midi. 3. 3 tuiles de background . Une pour le fond normal (background) , une pour le fond de table et la division de boîte à textes et une entre dans les cellules de table . J'ai utilisé argenté pour les cellules de table mais l'or fonctionnera comme n'importe quelle autre tuile .. 4. HTML Kit ou blocnote.... ----------------------couleur des codes dans la leçon------------------------------ Pendant la leçon, si vous voyez quelque chose dans cette couleur bleue brillante c'est juste pour attirer votre attention sur cette balise. Les choses en bleu foncé seront là pour vous montrer à quoi votre script doit ressembler à cette endroit dans la leçon. Cela vous aidera à voir ce qui vous manque si vous vous heurtez à un problème dans la leçon. Afin de vous aider un peu mieux la nouvelle substance qui sera ajoutée dans le script sera en texte rouge. Quoi que ce soit en vert est la nouvelle particule de scénario que vous ajouterez . Vous pourrez alors vérifier à quoi le plein scénario devrait ressembler en vous déplaçant au secteur bleu foncé qui suivra toujours le secteur vert. Les lignes rouges sont juste pour trier les sections de la leçon . J'ajouterai des numéros à ces lignes donc vous pourrez mieux savoir ou vous en êtes. -----------------------------------------1------------------------------------------- Nous allons utiliser la balise d'image un peu différemment pour cette leçon et nous allons apprendre un nouveau code du VBS mais j'expliquerai les nouveaux codes quand nous y serons dans le manuscrit. Pour le moment faisons notre manuscrit prêt pour la leçon. Voici par ce quoi nous voulons commencer . Nous avons besoin d'une table régulière de deux cellules avec l'image sur le dessus et le texte en dessous. Placez le cellspacing à 30 et cellpadding à 3. Mettez dedans le style pour les cellules de table, la table, la boîte à textes, l'image et le BODY comme d'habitude. Donnez un nom ID à chaque cellule, la division de boîte à textes et à la table. Commencez le VBS comme d'habitude et cette fois nous voulons que le fond se mette en rouleau donc mettez cela dans le manuscrit. Aucun filtre sur celui-ci de sorte que le manuscrit n'ait rien à démarrer. Le mien est ci-dessous ainsi vous pouvez voir comment j'ai commencé. ------------------------------------------------------2------------------------------------------- Mon script ressemble à ... <HTML> <HEAD> <TITLE></TITLE> <STYLE> Body{ border-top: #653B45 8px outset; border-left: #58353C 8px outset; border-right: #58353C 8px inset; border-bottom: #58353C 8px inset; scrollbar-face-color:#58353C; scrollbar-highlight-color:#8F777C; scrollbar-3dlight-color:#66464C; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#44272C; scrollbar-arrow-color:#8F777C; scrollbar-track-color:#58353C; } .tc1{ border-top: #44272C 5px outset; border-left: #44272C 5px outset; border-right: #44272C 5px inset; border-bottom: #44272C 5px inset; background-color:#58353C; } .tab{ border-top: #44272C 5px outset; border-left: #44272C 5px outset; border-right: #44272C 5px inset; border-bottom: #44272C 5px inset; background-color:#58353C; } .phto{ border-top: #44272C 5px outset; border-left: #44272C 5px outset; border-right: #44272C 5px inset; border-bottom: #44272C 5px inset; } .txt{ border-top: #44272C 5px outset; border-left: #44272C 5px outset; border-right: #44272C 5px inset; border-bottom: #44272C 5px inset; background-color:#58353C; scrollbar-face-color:#58353C; scrollbar-highlight-color:#8F777C; scrollbar-3dlight-color:#66464C; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#44272C; scrollbar-arrow-color:#8F777C; scrollbar-track-color:#58353C; padding: 10px; overflow:auto; height:200px; width:100%; font-family: Tahoma; size: 12pt; color: #AA9298; text-align: center; } </STYLE> </HEAD> <BODY bgcolor=#46292E background="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/tile here.jpg"> <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/midi.mid" volume=0 loop=infinite> <TABLE class=tab id=tb width=520px align=center cellpadding=3 cellspacing=30> <TR> <TD align=center class=tc1 id=tc> <A href="site addy here"><IMG class=phto alt="artist name here" src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/Main Image here .jpg" border="0"></A></TD></TR> <TR> <td align=center class=tc1 id=tc2><DIV class=txt id=d>text</div></TD></TR></TABLE>
<script language=vbscript> '*----------------------------------* * REM faites la magie '* script écrit par Connie Schutza '*4 Septembre 2003 '*Gardez le travaille magique '*-----------------------------------* window.status=" script et stationery par VOTRE NOM"
x=0 y=0
SetInterval "scroll",64 Sub scroll() x=x y=y-1 document.body.style.backgroundposition=x&" "&y
End Sub </script>
</BODY> </HTML>
------------------------------------------------------3------------------------------------------- Okay Nous sommes prêts à mettre des tuiles de fond sur la table et les cellules de table aussi bien que la division de boîte à textes. Ceci habillera votre table et fera d'un vieux script de table ressembler à un nouveau script. C'est ici que nous utiliserons d'une manière différente la balise d'image . Nous allons l'employer pour énumérer nos milieux et nous allons placer ces balises juste après la balise fermante </TABLE> mais avant le début du VBS . Celles-ci peuvent également être placées bien après la balise BODY et avant la balise d'ouverture de table mais j'ai trouvé qu' il était plus facile de voir où sont énumérées le nombre de balise et de tuile juste avant le VBS. Cela évite de remonter jusqu 'en haut du script pour regarder à chaque fois. La seule différence c'est que nous devrons mettre les tuiles off screen . Nous mettons dans cette balise et la notification un nom d'identification sur chacune de ces balises. Le nom d'identification doit être différent pour chaque tuile et je vous conseille de mettre le meme nom et de changer juste le nombre après le nom pour chaque tuile d'un script. Il est plus facile de faire de cette façon parce que vous pouvez juste copier et coller les balises de votre manuscrit et il ne reste qu'à les numéroter , comme ça vous n'avez pas à changer une tonne de substance. Vous pouvez même vouloir mettre dedans un <!--REM de RAPPORT--> au-dessus de chacune de ces balises pour vous dire où ils sont utilisés dans le stat. Voici à quoi la balise ressemble. <!--cette tuile va sur la table et la division de boîte à textes --> <IMG id=bg1 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px;" src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/tile 1.jpg"> Note: le TOP et LEFT doivent être placés -1800px. pour que la tuile soit off screen jusqu'à ce que votre VBS l'appelle à la division de table et de boîte à texte. Ce nombre peut être plus grand que la tuile mais -1800px est un nombre très généralement utilisé et plutôt que d' employer un nombre spécifique avec chaque tuile pour les placer sur l'écran nous allons à la manière facile et employons un qui travaillera en taille normale aux objets de papeterie. Okay Ce script a deux tuiles qui vont avoir besoin de balise d'image , voici le second , il va juste au-dessous du premier. <!--cette tuile entre dans les cellules de table --> <IMG id=bg2 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px;" src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/Silver tile.jpg"> ------------------------------------------------------4------------------------------------------- Votre script ressemblera maintenant à ceci et si vous sauvegarez et lfaites un aperçu vous ne verrez pas les tuiles sur l'écran, c'est parce que nous ne les avons pas appelées à la table avec notre VBS. <HTML> <HEAD> <TITLE></TITLE> <STYLE> Body{ border-top: #653B45 8px outset; border-left: #58353C 8px outset; border-right: #58353C 8px inset; border-bottom: #58353C 8px inset; scrollbar-face-color:#58353C; scrollbar-highlight-color:#8F777C; scrollbar-3dlight-color:#66464C; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#44272C; scrollbar-arrow-color:#8F777C; scrollbar-track-color:#58353C; } .tc1{ border-top: #44272C 5px outset; border-left: #44272C 5px outset; border-right: #44272C 5px inset; border-bottom: #44272C 5px inset; background-color:#58353C; } .tab{ border-top: #44272C 5px outset; border-left: #44272C 5px outset; border-right: #44272C 5px inset; border-bottom: #44272C 5px inset; background-color:#58353C; } .phto{ border-top: #44272C 5px outset; border-left: #44272C 5px outset; border-right: #44272C 5px inset; border-bottom: #44272C 5px inset; } .txt{ border-top: #44272C 5px outset; border-left: #44272C 5px outset; border-right: #44272C 5px inset; border-bottom: #44272C 5px inset; background-color:#58353C; scrollbar-face-color:#58353C; scrollbar-highlight-color:#8F777C; scrollbar-3dlight-color:#66464C; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#44272C; scrollbar-arrow-color:#8F777C; scrollbar-track-color:#58353C; padding: 10px; overflow:auto; height:200px; width:100%; font-family: Tahoma; size: 12pt; color: #AA9298; text-align: center; } </STYLE> </HEAD> <BODY bgcolor=#46292E background="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/tile here.jpg"> <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/midi.mid" volume=0 loop=infinite> <TABLE class=tab id=tb width=520px align=center cellpadding=3 cellspacing=30> <TR> <TD align=center class=tc1 id=tc> <A href="site addy here"><IMG class=phto alt="artist name here" src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/Main Image here .jpg" border="0"></A></TD></TR> <TR> <td align=center class=tc1 id=tc2><DIV class=txt id=d>text</div></TD></TR></TABLE> <!--cette tuile va sur la table et la division de boîte à textes --> <IMG id=bg1 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px;" src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/tile 1.jpg"> <!--cette tuile entre dans les cellules de table --> <IMG id=bg2 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px;" src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/Silver tile.jpg">
<script language=vbscript> '*----------------------------------* * REM faites la magie '* script écrit par Connie Schutza '*4 Septembre 2003 '*Gardez le travaille magique '*-----------------------------------* window.status=" script et stationery par VOTRE NOM"
x=0 y=0
SetInterval "scroll",64 Sub scroll() x=x y=y-1 document.body.style.backgroundposition=x&" "&y
End Sub </script>
</BODY> </HTML> |
Dernière édition par Gi le Sam 22 Aoû - 14:31, édité 1 fois |
|  | | | | Cours Visual Basic Script : Connie Shultza en français | |
|
| Page 3 sur 4 | Aller à la page : 1, 2, 3, 4  |
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|