Mots d'art & Scénarios

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés

Cours 7 B

-------------------------------------------------4-----------------------------------------------

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>

<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>

<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">

<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>

<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>

<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">

<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>

_________________
...

http://www.liensutiles.org/gvilleneuve.htm

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés

cours 7 C

-------------------------------------------------7-----------------------------------------------

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>

<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>

<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">

<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>

<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>

<BODY bgColor=#FFFFFF onload="window.status='. . . . . . . Stat and Script
by Connie . . . . . . . '" background="C:/Program Files/fichiers
communs/Microsoft Shared/Stationery/SEAMLESS TILE HERE.jpg">

<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..
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
_________________
...

http://www.liensutiles.org/gvilleneuve.htm

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés

Lesson8 A

Bienvenue dans la leçon 8

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>

<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>

<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">

<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>

_________________
...

http://www.liensutiles.org/gvilleneuve.htm

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés

Cours 8 b

------------------------4-----------------------

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>

<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>

<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">

<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>

<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>

<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">

<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>
_________________
...

http://www.liensutiles.org/gvilleneuve.htm

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés

Cours 8 C
----------------------8------------------------
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>

<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>

<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">

<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.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
_________________
...

http://www.liensutiles.org/gvilleneuve.htm

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés

Lesson 9 A

Bienvenue dans la leçon 9

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>

<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>

<BODY bgColor=#204544 background="C:/Program Files/Fichiers
Communs/Microsoft Shared/Papier à Lettres/tile.jpg">

<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>

<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>

<BODY bgColor=#204544 background="C:/Program Files/Fichiers
Communs/Microsoft Shared/Papier à Lettres/tile.jpg">

<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>
_________________
...

http://www.liensutiles.org/gvilleneuve.htm

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés

Leçon 9 B

------------------------------------------------------6-------------------------------------------

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>

<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>

<BODY bgColor=#204544 background="C:/Program Files/Fichiers
Communs/Microsoft Shared/Papier à Lettres/tile.jpg">

<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 .
_________________
...

http://www.liensutiles.org/gvilleneuve.htm

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés

Cours 9 C

------------------------------------------------------10-------------------------------------------
Avant que nous n'allions plus loin ,assurez -vous que votre manuscrit
ressemble à ceci.....
<html>
<head>
<title></title>

<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>

<BODY bgColor=#204544 background="C:/Program Files/Fichiers
Communs/Microsoft Shared/Papier à Lettres/tile.jpg">

<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>

<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>

<BODY bgColor=#204544 background="C:/Program Files/Fichiers
Communs/Microsoft Shared/Papier à Lettres/tile.jpg">

<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 .

_________________
...

http://www.liensutiles.org/gvilleneuve.htm

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés

Cours 9 D

------------------------------------------------------13-------------------------------------------
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
s