Mots d'art & Scénarios

Poésie, littérature, pensées,
scripts d'art,
oeuvres de Ginette Villeneuve
 
AccueilAccueil  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Cours Visual Basic Script : Connie Shultza en français

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2
AuteurMessage
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004



Nous sommes maintenant prêts à mettre dans notre cellule suivante dans
cette rangée et je veux que cette cellule contienne une image donc je dois
mettre dedans une balise d'image. Nous ouvrons une nouvelle cellule et
nous ajoutons alors l'étiquette d'image et fermons ensuite la cellule.
J'ajouterai cette particule de code au scénario ensuite.

Maintenant il est temps d'ajouter la dernière cellule à cette rangée. Je
veux que cette rangée fasse deux rangées comme la premiere et contiendra
un autre "marquee" mais celui ci voyagera de haut en bas. Donc je dois
mettre les renseignements dans la balise marquee ouvrante. Elle contiendra
une image , j'ajoute alors une balise d'image et je ferme la balise
"marquee" , ensuite ferme ma cellule et parce que j'ai fini avec cette
rangée, je ferme la rangée aussi. Remarquez que dans mon scénario j'ai
donné le même nom de classe ID à cette balise "marquee" que la 1ere dans
cette rangée. C'est parce que mes images sont de la même largeur dans les
deux . Si votre largeur n'est pas la même sur les deux images, vous devrez
donner un nom de classe ID différent à cette balise . Le code pour cette
cellule ressemble a...



Dernière édition par le Jeu 13 Oct - 22:21, édité 1 fois
MessageSujet: Cours 6 a   Jeu 13 Oct - 21:59

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


Lesson 6 a

Bienvenue à la leçon 6

Cette fois nous apprendrons à ajouter des balises "Marquee" à nos
tables. Ces Balises sont amusantes et très faciles.
---------------------------------Ce que nous avons besoin pour cette
leçon---------------------------
1. Une image principale. Assurez-vous d'utiliser une image du domaine
publique ou une de vos propres photos .
2. Deux petites images pour mettre dans les balises "marquee". J'ai
utilisé des images de même largeur, cependant vous pouvez utiliser des
largeurs différentes si vous le souhaitez . Mes petites images sont 103px
de larges.
3. Un midi.
4. une Tuile background .
5. HTML Kit ou Blocnote.
--------------------------------Codes 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 .
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 doit
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-------------------------------------------
Les nouveaux codes que nous utiliserons pour cette leçon
<MARQUEE>cette balise est une voie rapide est simple de mettre un peu
d'animation dans votre papeterie , bien sûr cette balise d'ouverture a une
balise finale qui ressemble a... </MARQUEE>
UN EXEMPLE
Tous les codes ci-dessous sont placés dans la balise marquee ouvrante ,
ils sont nécessaires pour faire travailler votre balise.
Les trois codes ci-dessous disent dans quelle direction vous souhaitez les
faire aller .
La balise "marquee" se dirigera ( par défaut ) de gauche à droite sans un
de ces codes dans le scénario.
direction=up Celui-ci se dirige du bas au sommet
direction=down Celui-ci se dirige du sommet au bas
direction=right Celui-ci se dirige de gauche à droite

Les deux codes ci-dessous disent au PC comment nous voulons que la balise
"marquée" se comporte . Elle défilera juste si vous ne mettez pas un de
ces autres codes de comportement , si vous préférez qu'elle défile ne pas
mettre de code du tout dans la balise .
behavior="alternate" Ce code la fait aller d'un côté à l'autre ou du
sommet au bas, selon la direction que vous avez choisi. Si vous voulez que
cela aille d'un côté à l'autre , vous n'avez pas besoin d'une direction
parce que la balise fonctionnera par défaut .
behavior="slide" Aucune direction n'est nécessaire sur celui-ci , il
arrive du coté droit et se déplace sur la gauche comme s' il était par
défaut. Si vous voulez qu'il entre d'une autre façon alors vous devrez
mettre la direction. Vous pouvez aussi vouloir ajouter le remplissage à
côté de la cellule où cet auvent s'arrêtera ainsi il ne n'ira pas jusqu'au
bord ,il s'arrêtera et restera au centre.
scrollamount=1 C'est pour indiquer la vitesse ,en pixel, de déplacement du
texte dans le rouleau . Un nombre plus petit fera des à-coup dans les
rouleaux de texte, mais il se déplacera plus lentement à travers la page.
La plupart des personnes le mettent à 1 comme cela il ne saute pas
pendant le défilement du texte .
scrolldelay=80 Celui ci indique , en nombre de millisecondes ,la vitesse
du rouleau . Plus ce nombre est bas , plus rapide sont les rouleaux de
texte. La plupart des personnes les mettent entre 60 et 80 donc il est
facile de lire le texte avant qu'il ne défile du secteur de la zone de
texte.
loop=2 Celui ci indique le nombre de répétition, -1 pour répéter
indéfiniment. Si vous n'utilisez pas de boucle du tout, votre "marquee" se
répétera toujours car il se retrouvera par "défaut". Cependant si vous ne
voulez pas que cela se répète pour toujours, alors ajoutez la boucle à
votre scénario. Le seul "MARQUEE" qui ne se répète pas sans le code de
boucle est le behavior=slide. il ne fait qu'une seule course à moins que
vous ne lui dites d'en faire plus . Je ne l'ai pas utilisé dans mon
scénario mais je voulais vous en faire part pour que vous puissiez
l'utiliser ,ainsi vous saurez comment faire. Ce code entre dans la balise
"marquee" ouvrante.
Si vous voulez mélanger votre direction et le comportement dans un marquee
vous aurez deux commandes dans cette balise . Une pour la direction et une
pour le comportement. Vous pouvez changer la direction d'en haut ou d'en
bas si vous aimez.
<MARQUEE class=mar2 behavior="alternate" direction="right">text</MARQUEE>
Vous pouvez aussi ajouter la hauteur et la largeur à votre balise
"marquee" et ajoutez des balises de style donc je donne toujours un nom
de classe id à mon "marquee".
-----------------------------------------------2-------------------------------------------
Bien parlons un peu des balises "MARQUEE" .
Une balise "marquee" peut avoir un texte ou une image ou les deux.
Soyez conscient que si vous mettez les deux , le texte suivra au bord du
bas de l'image et pas dans le centre de l'image. Donc vous ne pourrez pas
utiliser une très grande image .
Nous pouvons même faire défiler notre texte dans la zone de texte avec un
"marquee" et mettre la vitesse de défilement du texte .
Une "marquee" peut s'accorder à une cellule de table ou vous pouvez la
placer sur l'écran c'est la même voie qu'une division ou une image en
utilisant la position : absolute; left:
Les balises "Marquée" sont un amusement et ne sont pas dur , vous
devriez aimer cette leçon.
---------------------------------------------3---------------------------------------------------
Commençons notre script.
Commencez votre script avec ce que nous connaissons déjà . Les étiquettes
de HTML, tête, titre, style, corps et balises du son. Ajoutez aussi les
balises de style que vous savez ,par avance , que vous utiliserez, dans
ce scénario les normes seront le style de table, le style de cellule, le
style d'image et parce que notre division de zone de texte n'est pas
normale ne les ajoutez pas cette fois ci, avant que je ne vous donne les
codes pour cela dans la leçon. Bien sur donner à votre table un nom de
classe id , donnez lui sa largeur , son alignement sur l'écran , le
cellspacing et le cellpadding. Rappelez-vous de donner un nom de classe ID
à toutes les cellules ,les balises "marquee" et images jusqu'à la fin du
scénario même si j'oublie de vous dire de le faire. Même si vous n'ajoutez
pas de style à votre script pour cette partie du scénario, le nom de la
classe id n'endommagera rien dans le script en étant dans celui ci. J'ai
souvent le nom d'id dans mon scénario et n'ajoute pas ensuite le style,
mais il est là dans le cas où je veux l'ajouter plus tard si je réutilise
le scénario et peux y faire quelques changements.
-----------------------------------------------4----------------------------------------------
Votre scénario devrait ressembler a....
<html>
<head>
<title> </title>
<!--Script par Connie-->
<style>
Body{
BORDER-RIGHT: #DC0224 8px inset;
BORDER-TOP: #DC0224 8px outset;
BORDER-LEFT: #DC0224 8px outset;
BORDER-BOTTOM: #DC0224 8px inset;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#A5011B;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-arrow-color:#A5011B;
scrollbar-track-color:#ffffff;
}
.tb{
BORDER-RIGHT: #DC0224 8px inset;
BORDER-TOP: #DC0224 8px outset;
BORDER-LEFT: #DC0224 8px outset;
BORDER-BOTTOM: #DC0224 8px inset;
background color: #ffffff;
}
.tc{
BORDER-RIGHT: #DC0224 7px double;
BORDER-TOP: #DC0224 7px double;
BORDER-LEFT: #DC0224 7px double;
BORDER-BOTTOM: #DC0224 7px double;
}
.phto{
BORDER-RIGHT: #DC0224 7px double;
BORDER-TOP: #DC0224 7px double;
BORDER-LEFT: #DC0224 7px double;
BORDER-BOTTOM: #DC0224 7px double;
}


</style>
</head>
<!--La tuile de fond cet tient 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/tuile here.jpg">
<!--fichier midi ici-->
<BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft
Shared/papier à lettres/Midi here.mid" volume=0 loop=infinite>

</body>
</html>
---------------------------5----------------------
Maintenant nous commençons notre table.
Ouvrons une table, une rangée et la première cellule. Rappelez-vous de
mettre dedans votre nom de classe id et dire aux cellules de s'aligner au
centre. Je ne veux pas mettre quoi que ce soit dans ma première cellule
mais je veux que mes frontières se voient ainsi j'ajoute la balise de
saut de ligne qui ressemble à
et ensuite je ferme ma cellule. Cela
fait croire à votre ordinateur qu'il y a quelque chose à l'intérieur de
la cellule et donc il nous montrera les frontières, sans cela vos
frontières ne se verront pas.



Ensuite nous ouvrons une autre cellule et ouvrons notre "Marquee", comme
je vais donner un nom de classe id , j'ajoute le style aussi, je dois
dire à la balise comment se comporter et cela ira à l'intérieur de la
balise ouvrante. Je sais que je veux que mon "Marquee" fasse la commande
de glissade sur cette cellule donc j'ai mis dans le comportement :
behavior="slide". Ceci est à l'intérieur de la balise Marquée ouvrante.
Je veux du texte dans cette balise donc j'ajoute le mot "texte" au
scénario, ce mot va directement après la fermeture de la balise ouvrante
et directement avant la balise finale fermante. Nous mettrons toutes les
informations sur la taille , la couleur et la fonte dans les balises de
style un peu plus tard dans la leçon. Comme nous avons fini avec cela nous
mettons les balises fermantes du "marquee" et de la cellule .

Ma dernière cellule ressemble à une autre cellule vide comme la premiere
que j'ai mis dans le scénario et parce que c'est la dernière cellule de
la rangée je ferme ma table actuellement.


Dernière édition par le Jeu 13 Oct - 22:20, édité 1 fois

<MARQUEE class=mar
behavior="slide">Text</MARQUEE>

Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004




---------------------------------------------------9-------------------------------------------------
Votre scénario devrait ressembler a....
<html>
<head>
<title> </title>
<!--Script by Connie-->
<style>
Body{
BORDER-RIGHT: #DC0224 8px inset;
BORDER-TOP: #DC0224 8px outset;
BORDER-LEFT: #DC0224 8px outset;
BORDER-BOTTOM: #DC0224 8px inset;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#A5011B;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-arrow-color:#A5011B;
scrollbar-track-color:#ffffff;
}
.tb{
BORDER-RIGHT: #DC0224 8px inset;
BORDER-TOP: #DC0224 8px outset;
BORDER-LEFT: #DC0224 8px outset;
BORDER-BOTTOM: #DC0224 8px inset;
background color: #ffffff;
}
.tc{
BORDER-RIGHT: #DC0224 7px double;
BORDER-TOP: #DC0224 7px double;
BORDER-LEFT: #DC0224 7px double;
BORDER-BOTTOM: #DC0224 7px double;
}
.phto{
BORDER-RIGHT: #DC0224 7px double;
BORDER-TOP: #DC0224 7px double;
BORDER-LEFT: #DC0224 7px double;
BORDER-BOTTOM: #DC0224 7px double;
}


</style>
</head>
<!--La tuile de fond cet tient 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/tuile here.jpg">
<!--fichier midi ici-->
<BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft
Shared/papier à lettres/Midi here.mid" volume=0 loop=infinite>
MessageSujet: Cours 6 b   Jeu 13 Oct - 22:04

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


Cours 6 B

-----------------------------------------------6-----------------------------------------
Votre scénario devrait ressembler a....
<html>
<head>
<title> </title>
<!--Script by Connie-->
<style>
Body{
BORDER-RIGHT: #DC0224 8px inset;
BORDER-TOP: #DC0224 8px outset;
BORDER-LEFT: #DC0224 8px outset;
BORDER-BOTTOM: #DC0224 8px inset;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#A5011B;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-arrow-color:#A5011B;
scrollbar-track-color:#ffffff;
}
.tb{
BORDER-RIGHT: #DC0224 8px inset;
BORDER-TOP: #DC0224 8px outset;
BORDER-LEFT: #DC0224 8px outset;
BORDER-BOTTOM: #DC0224 8px inset;
background color: #ffffff;
}
.tc{
BORDER-RIGHT: #DC0224 7px double;
BORDER-TOP: #DC0224 7px double;
BORDER-LEFT: #DC0224 7px double;
BORDER-BOTTOM: #DC0224 7px double;
}
.phto{
BORDER-RIGHT: #DC0224 7px double;
BORDER-TOP: #DC0224 7px double;
BORDER-LEFT: #DC0224 7px double;
BORDER-BOTTOM: #DC0224 7px double;
}


</style>
</head>
<!--La tuile de fond cet tient 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/tuile here.jpg">
<!--fichier midi ici-->
<BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft
Shared/papier à lettres/Midi here.mid" volume=0 loop=infinite>









<MARQUEE class=mar
behavior="slide">Text</MARQUEE>

</body>
</html>
----------------------------------------------7-------------------------------------------------
Sauvez votre script et faites un aperçu.
Tout de suite vous devriez voir votre tuile de fond, les frontières de la
papeterie, scrollbars coloré , la table et la couleur du contexte de
table. Vous devriez avoir trois cellules avec des frontières et la cellule
centrale doit avoir le mot " texte " qui arrivera par la droite et
voyagera jusqu' au côté gauche de la cellule et s'arrêtera. La couleur du
texte va être noire car pour l'instant elle est par défaut , il en est
de même pour la fonte ( forme de l'écriture ) . Si vous avez une couleur
sombre sur votre table vous ne pouvez pas voir la fonte. Si c'est ce que
vous voyez, vous avez bien travaillé et nous sommes prêts à continuer .
Si ce n'est pas ce que vous voyez comparez votre scénario à celui
ci-dessus et essayez de trouver votre erreur.

----------------------------------------8---------------------------------------------------------
La rangée suivante du script.
Nous sommes prêts à commencer une nouvelle rangée donc nous en ouvrons une
et notre première cellule dans la rangée. Je veux que cette cellule fasse
la largeur des 3 cellules du dessus et je veux qu'elle contienne une
balise Marquee. Je veux que la balise "Marquee" fasse un va et vient à
travers cette cellule. Donc je vais faire ma cellule colspan=3. J'ouvre la
balise "Marquee" et je vais mettre behavior="alternate" Je vais donner un
nom de classe id à cette balise qui n'est pas le même nom de classe ID
que l'autre balise " marquee" et je vais mettre le mot "texte "à
l'intérieur comme nous avons fait auparavant donc je peux dire d'un coup
d'oeil si mon texte se voit correctement quand je l'ai mis dans mon
style. Je mets les balises de fermeture " Marquee" , cellule et rangée
parce que c'est tout ce qui est nécessaire comme code pour cette rangée
et cellule.
<MARQUEE class=mar2
behavior="alternate">text </MARQUEE>










<MARQUEE class=mar
behavior="slide">Text</MARQUEE>

<MARQUEE class=mar2
behavior="alternate">text </MARQUEE>
</body>
</html>

-------------------------------------------------10------------------------------------------------
Sauvez votre script et faites un aperçu.
Tout de suite vous devriez voir tout ce que vous avez vu sur le dernier
aperçu et vous verrez aussi une autre table avec le texte en va et vient .
Le style de fonte sera mis quand nous ajouterons les balises de style
"Marquee" dans le secteur de style dans le scénario , pour le moment
tout est par défaut.
-------------------------------------------------11-------------------------------------------------
Maintenant nous sommes prêts à faire notre rangée suivante de la table.
Donc nous ouvrons une nouvelle rangée et ouvrons une nouvelle cellule. Je
veux que la première cellule couvre deux rangées en hauteur donc
j'ajouterai rowspan=2 à ma balise de cellule. Je veux que cette première
cellule contienne une balise "Marquee" ainsi j'ouvre un marquee et lui
donne un nom de classe id , j' ajoute la taille de de cette balise à mon
stat. Je veux que le "Marquee" aille du bas de la cellule au sommet donc
je dois donner la direction pour se déplacement. Ainsi à l'intérieur de la
balise Marquee ouvrante j'ai mis direction=up. Je dois lui dire aussi de
contenir une image et non pas du texte. Pour faire cela , nous ajouterons
la balise d'image normale au scénario et la mettrons entre l'ouverture et
la balise Marquee finale. Nous avons fini avec cette balise et la
première cellule donc je mets toutes les balises de fermetures , balise
Marquee et celle de la cellule, mais nous laissons la rangée ouverte pour
plus de cellules.
Voici le code que j'ai utilisé pour la première cellule.
<MARQUEE class=mar3 direction=up><IMG
src="C:/Program Files/fichiers communs/Microsoft Shared/papier à
lettres/image.jpg"></MARQUEE>
<IMG ALT="nom de l'artiste" class=phto
src="C:/Program Files/fichiers communs/Microsoft Shared/papier à
lettres/image.jpg">
<MARQUEE class=mar3
direction=down><IMG src="C:/Program Files/fichiers communs/Microsoft
Shared/papier à lettres/image.jpg"></MARQUEE>
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Cours 6 C   Jeu 13 Oct - 22:08

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



Cours 6 C


-------------------------------------------------12-------------------------------------------
Votre scénario devrait ressembler a....
<html>
<head>
<title> </title>
<!--Script by Connie-->
<style>
Body{
BORDER-RIGHT: #DC0224 8px inset;
BORDER-TOP: #DC0224 8px outset;
BORDER-LEFT: #DC0224 8px outset;
BORDER-BOTTOM: #DC0224 8px inset;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#A5011B;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-arrow-color:#A5011B;
scrollbar-track-color:#ffffff;
}
.tb{
BORDER-RIGHT: #DC0224 8px inset;
BORDER-TOP: #DC0224 8px outset;
BORDER-LEFT: #DC0224 8px outset;
BORDER-BOTTOM: #DC0224 8px inset;
background color:#ffffff;
}
.tc{
BORDER-RIGHT: #DC0224 7px double;
BORDER-TOP: #DC0224 7px double;
BORDER-LEFT: #DC0224 7px double;
BORDER-BOTTOM: #DC0224 7px double;
}
.phto{
BORDER-RIGHT: #DC0224 7px double;
BORDER-TOP: #DC0224 7px double;
BORDER-LEFT: #DC0224 7px double;
BORDER-BOTTOM: #DC0224 7px double;
}


</style>
</head>
<!--La tuile de fond cet tient 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/tuile here.jpg">
<!--fichier midi ici-->
<BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft
Shared/papier à lettres/Midi here.mid" volume=0 loop=infinite>












<MARQUEE class=mar behavior="slide">Texte
ici</MARQUEE>

<MARQUEE class=mar2
behavior="alternate">text </MARQUEE>
<MARQUEE class=mar3 direction=up><IMG
src="C:/Program Files/fichiers communs/Microsoft Shared/papier à
lettres/image.jpg"></MARQUEE>
<IMG ALT="artist name" class=phto
src="C:/Program Files/fichiers communs/Microsoft Shared/papier à
lettres/image.jpg">
<MARQUEE class=mar3
direction=down><IMG src="C:/Program Files/fichiers communs/Microsoft
Shared/papier à lettres/image.jpg"></MARQUEE>
</body>
</html>
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004



Nous avons fini notre scénario et cette leçon.

--------------------------------------------------17-------------------------------------------
Votre scénario devrait ressembler a....
<html>
<head>
<title> </title>
<!--Script by Connie-->
<style>
Body{
BORDER-RIGHT: #DC0224 8px inset;
BORDER-TOP: #DC0224 8px outset;
BORDER-LEFT: #DC0224 8px outset;
BORDER-BOTTOM: #DC0224 8px inset;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#A5011B;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-arrow-color:#A5011B;
scrollbar-track-color:#ffffff;
}
.tb{
BORDER-RIGHT: #DC0224 8px inset;
BORDER-TOP: #DC0224 8px outset;
BORDER-LEFT: #DC0224 8px outset;
BORDER-BOTTOM: #DC0224 8px inset;
background color:#ffffff;
}
.tc{
BORDER-RIGHT: #DC0224 7px double;
BORDER-TOP: #DC0224 7px double;
BORDER-LEFT: #DC0224 7px double;
BORDER-BOTTOM: #DC0224 7px double;
}
.phto{
BORDER-RIGHT: #DC0224 7px double;
BORDER-TOP: #DC0224 7px double;
BORDER-LEFT: #DC0224 7px double;
BORDER-BOTTOM: #DC0224 7px double;
}
.mar{
height:10px;
width: 100%;
FONT-FAMILY: BlackChancery;
FONT-SIZE: 14pt;
COLOR: #A5011B;
text-align: center;
padding-top:3px;
padding-left: 15px;
}
.mar2{
height:10px;
width: 100%;
FONT-FAMILY: BlackChancery;
FONT-SIZE: 14pt;
COLOR: #A5011B;
text-align: center;
padding-top:3px;
}
.mar3{
height: 670px;
width: 103px;
}
.martx{
background color:#ffffff;
BORDER-RIGHT: #DC0224 7px double;
BORDER-TOP: #DC0224 7px double;
BORDER-LEFT: #DC0224 7px double;
BORDER-BOTTOM: #DC0224 7px double;
padding:10;
text-align: center;
FONT-FAMILY: BlackChancery;
FONT-SIZE: 14pt;
COLOR: #A5011B;
height:150px;
width: 100%;
}
</style>
</head>
<!--La tuile de fond cet tient 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/tuile here.jpg">
<!--fichier midi ici-->
<BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft
Shared/papier à lettres/Midi here.mid" volume=0 loop=infinite>
MessageSujet: Cours 6 C.   Jeu 13 Oct - 22:09

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


Cours 6 C

----------------------------------------------13----------------------------------------------
Maintenant ajoutons nos balises de style pour nos balises "Marquee".
Bien si nous faisions un aperçu de notre stat maintenant vous verriez que
tout est en désordre parce que le PC ne sait pas encore de quelle largeur
sont nos "Marquee". Donc nous allons ajouter nos balises de style
"Marquee" au scénario maintenant pour qu'il soit parfait... lol
D'abord nous mettrons dans la balise de style notre premier "Marquee".
Cela se met dans le sommet du scénario entre les balises d'ouverture et
de fermeture de "style" comme vous le savez déjà , j'ai commencé le coté
droit pour le mien après mon balise de style d'image parce que c'est
dans cet ordre que j'écris presque toujours mes scénarios, mais l'ordre
n'importe peu tant qu'il est dans le secteur de styledu script. Nous
devons dire au PC la grandeur de ce "Marquee" et nous devons lui dire
aussi la largeur , parceque celui-ci contient le texte j'ai juste utilisé
100 % pour la largeur. Nous disons aussi au PC quelle fonte utiliser, la
couleur de celle ci et sa taille et l'aligner au centre.
Je ne veux pas que ce texte touche le haut de la cellule alors j'ai mis
3px dans la remplissage pour le sommet . Je ne veux pas que cette cellule
soit trop grande c'est pourquoi je l'ai seulement fait de 3. Ensuite,
parce que cette cellule contient la balise Marqueé de glissade et que cela
écrase le texte au bord gauche et à l'arrêt, je fais un peu de
remplissage à gauche aussi car cela aide à centrer mon texte quand il
s'arrête. C'est une chose à laquelle vous devrez jouer pour trouver
votre nombre magique. En raison du texte dans ma balise Marquée, j'ai
besoin d'un remplissage de 15px donc je l'ai j'ai mis dans la remplissage
( padding-left ), voici à quoi la balise de style pour mon "Marquee"
supérieur ressemble.
.mar{
height:10px;
width: 100%;
FONT-FAMILY: BlackChancery;
FONT-SIZE: 14pt;
COLOR: #A5011B;
text-align: center;
padding-top:3px;
padding-left: 15px;
}
Le deuxième "Marquee" dans mon stat contient le texte aussi mais celui-ci
a seulement besoin du sommet capitonnant ainsi voici à quoi le code pour
le style du deuxième ressemblera.
.mar2{
height:10px;
width: 100%;
FONT-FAMILY: BlackChancery;
FONT-SIZE: 14pt;
COLOR: #A5011B;
text-align: center;
padding-top:3px;
}
Les deux grandes cellules "Marquee" sont les mêmes sur mon scénario et je
sais de quelle largeur les faire parce qu'elles sont de la même largeur
que mes images à l'intérieur des "Marquee". Je dois évaluer la hauteur et
reviendrai alors pour l'ajuster . Si je fais des "Marquee" trop grandes,
elles feront la cellule qui contient l'image principale trop grande et il
y aura des trous dessus et dessous de l'image principale. Si je les fais
trop court, elles entreront trop bas dans la cellule ou s'arrêteront
dans la cellule. C'est juste un jeu de supposition, Il faut jouer avec la
hauteur avant que vous ne soyez heureux avec l'apparence de votre
papeterie.
.mar3{
height: 670px;
width: 103px;
}
Je sais déjà que je vais mettre ma zone de texte dedans comme une autre
"Marquee" . Je veux qu'elle soit de 150px de grandeur et je connais
toute la substance comme la fonte, la taille de fonte et la couleur et que
je veux une couleur de fond , tandis que je suis ici dans ce secteur du
scénario je vais donc ajouter le style pour la balise " Marquee" de texte.
Je veux que cette balise s'avoisine ainsi je l'ajoute au style de cette
"Marquee". Remarquez sur cette zone de texte il n'y a pas : overflow auto.
C'est parce que nous n'en avons pas besoin car nous n'aurons pas de
scrollbars parce que le texte va défiler seul dans tout cela . Voici à
quoi mon style pour la balise " Marquee" de zone de texte ressemblera.
.martx{
background color:#ffffff;
BORDER-RIGHT: #DC0224 7px double;
BORDER-TOP: #DC0224 7px double;
BORDER-LEFT: #DC0224 7px double;
BORDER-BOTTOM: #DC0224 7px double;
padding:10;
text-align: center;
FONT-FAMILY: BlackChancery;
FONT-SIZE: 14pt;
COLOR: #A5011B;
height:150px;
width: 100%;
}
-----------------------------------------------14---------------------------------------------
Votre scénario devrait ressembler a....
<html>
<head>
<title> </title>
<!--Script by Connie-->
<style>
Body{
BORDER-RIGHT: #DC0224 8px inset;
BORDER-TOP: #DC0224 8px outset;
BORDER-LEFT: #DC0224 8px outset;
BORDER-BOTTOM: #DC0224 8px inset;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#A5011B;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-arrow-color:#A5011B;
scrollbar-track-color:#ffffff;
}
.tb{
BORDER-RIGHT: #DC0224 8px inset;
BORDER-TOP: #DC0224 8px outset;
BORDER-LEFT: #DC0224 8px outset;
BORDER-BOTTOM: #DC0224 8px inset;
background color:#ffffff;
}
.tc{
BORDER-RIGHT: #DC0224 7px double;
BORDER-TOP: #DC0224 7px double;
BORDER-LEFT: #DC0224 7px double;
BORDER-BOTTOM: #DC0224 7px double;
}
.phto{
BORDER-RIGHT: #DC0224 7px double;
BORDER-TOP: #DC0224 7px double;
BORDER-LEFT: #DC0224 7px double;
BORDER-BOTTOM: #DC0224 7px double;
}
.mar{
height:10px;
width: 100%;
FONT-FAMILY: BlackChancery;
FONT-SIZE: 14pt;
COLOR: #A5011B;
text-align: center;
padding-top:3px;
padding-left: 15px;
}
.mar2{
height:10px;
width: 100%;
FONT-FAMILY: BlackChancery;
FONT-SIZE: 14pt;
COLOR: #A5011B;
text-align: center;
padding-top:3px;
}
.mar3{
height: 670px;
width: 103px;
}
.martx{
background color:#ffffff;
BORDER-RIGHT: #DC0224 7px double;
BORDER-TOP: #DC0224 7px double;
BORDER-LEFT: #DC0224 7px double;
BORDER-BOTTOM: #DC0224 7px double;
padding:10;
text-align: center;
FONT-FAMILY: BlackChancery;
FONT-SIZE: 14pt;
COLOR: #A5011B;
height:150px;
width: 100%;
}
</style>
</head>
<!--La tuile de fond cet tient 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/tuile here.jpg">
<!--Midi file here-->
<BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft
Shared/papier à lettres/Midi here.mid" volume=0 loop=infinite>












<MARQUEE class=mar
behavior="slide">Text</MARQUEE>

<MARQUEE class=mar2
behavior="alternate">text </MARQUEE>
<MARQUEE class=mar3 direction=up><IMG
src="C:/Program Files/fichiers communs/Microsoft Shared/papier à
lettres/image.jpg"></MARQUEE>
<IMG ALT="artist name" class=phto
src="C:/Program Files/fichiers communs/Microsoft Shared/papier à
lettres/image.jpg">
<MARQUEE class=mar3
direction=down><IMG src="C:/Program Files/fichiers communs/Microsoft
Shared/papier à lettres/image.jpg"></MARQUEE>
</body>
</html>
---------------------------------------------------15---------------------------------------
Sauvegardez et faites un aperçu de votre script.
Vous devriez voir vos deux premières rangées comme auparavant et vous
devriez aussi voir votre rangée suivante qui contient la "Marquee",
l'image principale et l'autre "Marquee". Votre image principale aura trop
d'espace au-dessus et en-dessous d'elle mais c'est normal pour le moment.
C'est parce que nous devons encore mettre notre zone de texte dans le
script et elle descendra l'image principale pour que prennent l'espace
supplémentaire dans ce secteur.
---------------------------------------------16----------------------------------------------
Maintenant nous ajoutons notre zone de texte.
Nous devons ouvrir notre rangée suivante et notre cellule suivante. Nous
devons aussi ouvrir notre balise "marquee". Nous devons dire à la balise
combien de défilement de texte nous voulons , sa vitesse ,ainsi que sa
direction . Nous mettons tout cela dans la balise MARQUEE ouvrante et
n'oublions pas de mettre dedans le nom de la classe id . Ansuite nous
mettons le mot " texte" après > et ensuite nous fermons avec la balise
"Marquee" fermante, la cellule et la rangée.
Voici le plein code pour cette rangée du scénario.
<MARQUEE class=martx scrollAmount=1
scrollDelay=80 direction=up>text</MARQUEE>














<MARQUEE class=mar
behavior="slide">Text</MARQUEE>

<MARQUEE class=mar2
behavior="alternate">text </MARQUEE>
<MARQUEE class=mar3 direction=up><IMG
src="C:/Program Files/fichiers communs/Microsoft Shared/papier à
lettres/image.jpg"></MARQUEE>
<IMG ALT="artist name" class=phto
src="C:/Program Files/fichiers communs/Microsoft Shared/papier à
lettres/image.jpg">
<MARQUEE class=mar3
direction=down><IMG src="C:/Program Files/fichiers communs/Microsoft
Shared/papier à lettres/image.jpg"></MARQUEE>
<MARQUEE class=martx scrollAmount=1
scrollDelay=80 direction=up>text</MARQUEE>
</body>
</html>

Voir l'exemple ICI
Voir le Pense-bête très utile ICI
--------------------------------------------------18-------------------------------------------
note speciale
Parce que ce scénario à la zone de texte MARQUEE , Vous devrez taper votre
texte dans la source de votre papeterie . La zone de texte des balises
MARQUEE ne vous laissera pas voir ce que vous tapez ,il est préférable de
le taper dans la source à moins que vous ne soyez meilleurs dactylo
d'aveugle que je suis...lol En tapant dans la source, si vous voulez faire
déplacer votre texte à la ligne suivante pour commencer un nouveau
paragraphe ou une phrase , juste taper
à la fin de la phrase que
vous avez juste finie ,cela déplacera le texte suivant sur une ligne
différente.
-----------------------------------------------------19-----------------------------------------
DEVOIRS
Concevez votre propre script et utilisez ce que vous avez appris dans
cette leçon.
Amusez-vous et inventez quelques grands scénarios amusants remplis de
votre magie....
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Leçon 7 a   Jeu 13 Oct - 22:34

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


Leçon 7a

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.

--------------------------------------------------------------------------

C'est la leçon 7 et nous allons apprendre un peu plus de la magie de
table. Cette semaine nous apprendrons comment faire des tables emboitées.
Je sais que beaucoup d'entre vous ont entendu dire que les tables
d'emboîtement sont dures, bien j'espère vous montrer une façon de les
faire qui ne le sont pas du tout.

-------------------------De quoi avons nous besoin pour la
leçon----------------------

1.Une image principale. Make sure to use a public domain image or one of
your own photos. If you post on the Annexcafe you are welcome to use an
image by one of the honored artists.

2. Un midi.

3. Une tuile de fond ou 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


Vous allez être heureux de savoir que dans cette sleçon nous n'avons
aucun nouveau code du tout. Vous allez voir que les tables d'emboîtement
ne sont pas difficiles car vous connaissez déjà tous les codes.

Il y a plusieurs façons de faire ces tables, mais parceque j'écris la
leçon, nous allons apprendre à la faire comme moi . Je fais mon
emboîtement un peu en arrière. Si vous avez déjà accroché n'importe lequel
de mes scénarios de table emboîtées et regardé le scénario, vous avez dû
remarquer que mes tables sont numérotées.C'est à cause de la façon dont je
construis mon scénario. Je ne sais jamais combien de tables je veux sur
ma papeterie donc je commence avec ma table principale, celle qui va
contenir l'image. Je fais cette table dans le scénario et je regarde ce
que cela donne , et ensuite j'ajoute mes tables extérieures au scénario.
Ainsi ce que je fais, c'est de les construire autour de ma table
principale. Maintenant vous saurez quand vous regarderez dans mes scripts
pourquoi la première table peut être .. numéro 14 lol lol Pour cette
leçon, j'ai été gentille, j'ai compté les tables dans l'ordre juste, mais
c'est seulement parce que c'est une leçon .. lol lol si vous êtes prêts,
commençons ce scénario.

--------------------------------------------------2-------------------------------------------


Ouvrez votre kit de HTML et faites deux cellules de table normales avec
l'image dans la cellule supérieure et le texte dans la cellule du bas.


Vous aurez besoin de vos balises HTML, des balises principales, des
balises de style et parce que nous savons déjà que cela va être deux
cellules de table , mettre les codes de style de classe pour votre style
de corps ( BODY) donc vous aurez les frontières et scrollbars, mettez
dedans les codes de style pour une table, mettez vos balises de corps et
votre ligne de statut aussi bien que votre code de tuile de fond. N'
oublions pas aussi notre balise midi. Donnez une certaine largeur à la
table et dites à celle ci et aux cellules de s'aligner au centre. Donnez à
votre table le cellpadding et cellspacing. Assurez-vous de donner un nom
de classe ID à la table, la cellule de table, l'image et la division de
zone de texte .Sur celles-ci parce que déjà je sais que je vais avoir un
total de trois tables, j'ai donne le nom de la classe id pour la table et
la cellule de table : 3 donc je peux dire plus tard quel code de style va
à la table intérieure. Mais vous pouvez les nommer comme vous voulez .
J'ai laissé un espace entre les codes de style de corps et les codes de
style de table parce que je sais que je dois ajouter plus de tables et des
codes de style de cellule au scénario plus tard. Votre scénario devrait
ressembler à celui ci-dessous.

<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">
<!--Fichier Midi ici-->
<BGSOUND balance=0 src="C:/Program Files/Fichiers communs/Microsoft
Shared/Papier à lettres/Midi File.mid" volume=0 loop=infinite>




<IMG class=phto alt=" ARTIST NAME HERE"
src="C:/Program Files/Fichiers communs/Microsoft Shared/Papier à
lettres/IMAGE HERE.jpg" border="0">
text

</body>
</html>
------------------------------------------------------3-------------------------------------------

Vous devrez passer un peu plus de temps pour faire les couleurs des
frontières pour qu'elles soient comme vous les désirez mais comme c'est
déjà fait sur le mien nous pouvons donc maintenant nous déplacer aux
tables d'emboîtement.
Premièrement voyons ce qu'est juste une table emboîtée. C'est une table
qui est mise dans la cellule de table d'une autre table. Voilà tout !
Nous le faisons ainsi nous pouvons avoir des frontières supplémentaires et
les couleurs de fond.C'est une manire d'établir la texture et la
profondeur un statut. Si nous travaillons avec seulement des couleurs,
nous établissons la profondeur par la mise dans les couches de couleurs et
des frontières . Pensez à cela, sur une table normale , que vous êtes
limités à la couleur de la table, la cellule et les frontières sur la
table et la cellule et l'image. Maintenant si vous emboitez une table,
vous obtenez les frontières et les couleurs supplémentaires de fond d'une
autre table et en plus de la cellule de table. Vous pouvez ajouter plus de
couleur et de profondeur à votre stat.
Vous pouvez emboiter autant de tables que vous voulez , vous pouvez même
faire l'apparence de votre stat comme si il y avait une armature découpée
autour de votre table principale . Ceci se fait entièrement avec les
frontières , cellspacing et cellpadding. Quand vous travaillez avec les
tables emboitées, vous avez la cellule qui tient la table principale . Si
vous mettez une frontière sur cette cellule et puis placez le cellpadding
à quelque chose de petit ou à 0, il se déplacera que la droite de la
frontière vers le haut contre le bord de la table principale ainsi cela
donnera en effet à la table principale une double frontière mais, ils
peuvent être de différents modèles et couleurs . Alors vous pouvez mettre
pour la table cellspacing quelque chose de plus grand, entre 10 ou 15px
et cela donnera un regard emmêlé à votre table principale et
naturellement vous ajouterez des frontières à la table extérieure de sorte
que cela vous donne de la profondeur à votre stat.

Quand vous jouez avec ceci, essayez de penser à ce que vous pourriez
l'accrocher sur le mur . Pensez à la façon dont la lumière jouerait sur
les différentes frontières et à la façon dont elle donnerait à quelques
frontières une ombre . Où en utilisant plus d'une nuance de la même
couleur entre, avoir l'impression de 3d sur votre stat de table. Je n'ai
pas fait cela à celui-ci comme je vais chercher une apparence différente
cette fois. Ainsi pas de 3D cette fois mais vous pouvez faire votre 3D si
vous aimez .

Maintenant passons à nos tables emboitées...

Juste au-dessous de l'étiquette du Midi et juste au-dessus de la table
principale vous ouvrirez une nouvelle table, et une nouvelle rangée de
table aussi bien qu'une nouvelle cellule de table. Soyez sûr de donner aux
nouvelles tables et cellules un nom d'identification de classe (ID) . Ma
nouvelle table est de la même largeur que ma table principale. Je la fais
de cette façon pour sauver mes cheveux, pas de maths avec cette façon .
Mon code ressemble à ceci.







Allez maintenant à la fin du code pour la table principale, et fermez la
cellule de table, la rangée de table et la table. Le code ressemble à ceci
.


Félicitations, vous avez juste emboitez une table .

Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Re: Cours Visual Basic Script : Connie Shultza en français   Jeu 13 Oct - 22: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û - 16:12, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: cours 7 C   Jeu 13 Oct - 22: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û - 16:13, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Cours 8 A   Jeu 13 Oct - 22: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û - 16:14, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Re: Cours Visual Basic Script : Connie Shultza en français   Jeu 13 Oct - 23: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û - 16:20, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Re: Cours Visual Basic Script : Connie Shultza en français   Jeu 13 Oct - 23: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û - 16:22, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Leçon 9 A   Jeu 13 Oct - 23: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û - 16:16, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Re: Cours Visual Basic Script : Connie Shultza en français   Jeu 13 Oct - 23: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û - 16:17, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Re: Cours Visual Basic Script : Connie Shultza en français   Jeu 13 Oct - 23: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û - 16:19, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Re: Cours Visual Basic Script : Connie Shultza en français   Jeu 13 Oct - 23: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û - 16:23, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Re: Cours Visual Basic Script : Connie Shultza en français   Jeu 13 Oct - 23: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û - 16:24, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Cours 10 B   Jeu 13 Oct - 23:32

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


Cours 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û - 16:26, édité 2 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Leçon 10 C   Jeu 13 Oct - 23: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û - 16:28, édité 2 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Cours 11 A   Jeu 13 Oct - 23: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û - 16:28, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Cours 11 B   Jeu 13 Oct - 23: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û - 16:30, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Cours 12 A   Jeu 13 Oct - 23: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û - 16:31, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Cours 12 B   Jeu 13 Oct - 23:52

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



Cours 12 B
Code:


[color=steelblue][b]5-------------------------------------------
     
      Maintenant nous sommes prêts à dire au VBscript d'appeler les tuiles à la
      table ainsi nous commençons juste au-dessous de notre ligne de fenêtre de
      statut et nous mettrons dedans les codes. Ils seront exactements après la
      ligne de statut et juste avant le x=0 dans le manuscrit.
     
      Le premier dans mon manuscrit ressemble à celui ci-dessous.
     
      tb.style.backgroundImage="URL("&bg1.src&")"
     
      Voyons un peu ce code.
      Nous avons l'objet et mon objet est  tb , qui est le nom d'identification
      que j'ai donné à ma table ainsi nous disons au PC que cette ligne aura
      quelque chose faire avec la table. Après nous avons le style , cela dit au
      PC qu'il doit faire quelque chose avec le style de notre table. Puis nous
      avons le backgroundimage = qui dit au PC que le style inclura maintenant
      un fond d'image et l'image est = à l' URL de l'adresse de l'image.
      L'autre partie indique que l'image est id=bg1 . C'est pour l'obtenir de la
      source énumérée dans la balise d'image qui est notre chemin au dossier.
      Vous aurez la même information dans votre code mais votre nom de table
      peut être différente que la mienne et ainsi que votre nom d'image mais le
      reste sera identique.
      Nous avons besoin d'un code pour chaque cellule de table qui a une tuile
      de fond et la division de boîte à texte. La seule chose qui changera dans
      le code est le nom d'objet et le nom d'identification de tuile. Voici le
      reste des codes pour ce manuscrit.

      tc.style.backgroundImage="URL("&bg2.src&")"
      tc2.style.backgroundImage="URL("&bg2.src&")"
      d.style.backgroundImage="URL("&bg1.src&")"
     
6-------------------------------------------
     
      Votre manuscrit devrait ressembler à ceci maintenant.
     
      <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"

     
      tb.style.backgroundImage="URL("&bg1.src&")"
      tc.style.backgroundImage="URL("&bg2.src&")"
      tc2.style.backgroundImage="URL("&bg2.src&")"
      d.style.backgroundImage="URL("&bg1.src&")"
     
     
      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>
     
      7-------------------------------------------
     
      Sauvergadez et faites un aperçu de votre stat, vous verrez maintenant que
      les tuiles sont où elles doivent être sur votre table, cellules et
      division de boîte à textes. Mais nous avons toujours un petit peu de magie
      à retirer du chapeau et à mettre dans ce manuscrit. Nous allons faire se
      déplacer les milieux maintenant, donc nous sommes prêts pour ajouter
      quelques codes de défilement pour que les tuiles de fond suivent.
      Avant que nous commencions ces codes pour faire défiler les tuiles nous
      devons nous rappeler quelque chose. Si vous voulez plus d'une direction
      sur votre rouleau, vous devez avoir plus d'un ensemble de x=0 et de y=0.
      Vous pouvez employer différentes lettres =0 pour chaque direction si vous
      voulez mais il est plus facile  d'employer la même lettre que d'ajouter un
      nombre .
      Parceque je veux que le fond de table défile dans une direction différente
      que le fond je dois utiliser un nouvel ensemble de x et de y ainsi j'ai
      employé ceci qui va bien au-dessous de l'autre x=0 et y=0 dans le
      manuscrit.
      x1=0
      y1=0
     
      J'ai également voulu que le fond de cellules de table soit pourtant dans
      une direction différente de sorte que j'ai encore besoin d' un autre
      ensemble de x et de y , ainsi j'ai utilisé celui-ci et il va après celui
      que nous avons juste mis dans le manuscrit.
     
      x2=0
      y2=0
     
      Maintenant nous nous déplaçons à notre SUB de rouleau qui est déjà en
      place.
       
      Je veux que le fond sur ma division de boîte à textes défile dans la même
      direction que le fond régulier , je ne dois rien faire mais mets ce code
      juste au-dessous du code pour le fond de corps et avant le SUB de fin. La
      ligne du code ressemble à ceci.
     
      d.style.backgroundposition=x&" "&y
     
      Note sur celui ci :  l'objet qui aura un changement de style est appelé d,
      c'est que j'ai appelé ma division de boîte à texte. Et la tuile obéira aux
      ordres pour y mettre en rouleau de déplacement x et y. 
     
      Maintenant nous voulons avoir la tuile se déplaçant sur la table ainsi
      nous devons faire un peu plus pour cela. Puisque nous voulons qu'elle
      aille dans une direction différente nous devons dire au PC à quels x1 et
      y1 elle doit  maintenant être égale et alors nous devons dire au PC à quel
      objet appliquer  ce rouleau. Tout ceci entrera dans le même sub de rouleau
      et  va juste au-dessous du rouleau du body background que nous avons
      commencé mais assurons nous qu'il soit avant  le sub de fin ou il  ne
      fonctionnera pas. Soyez sûr de changer le x et le y dans le code de tb,
      notez qu'il doit s'assortir avec le x et le y qui sont énumérés juste
      au-dessus de lui. Dans ce cas-ci c'est x1 et y1. Vous pouvez voir de
      quelle partie je parle car je l'ai marquée en le rouge pour vous.
      x1=x1
      y1=y1+1
      tb.style.backgroundposition=x1&" "&y1
     
      Ensuite nous allons dire au PC de quelle manière mettre le fond en rouleau
      que nous mettons dans les cellules de table et le code est comme les
      autres seulement le x et y et objet changeront. Ce sera juste aprés la
      pièce que nous mettons juste dedans et juste avant le sub de fin dans le
      sub de rouleau. Notification sur celle-ci j'ai voulu que la cellule de
      table aie un rouleau un peu plus rapide ainsi j'ai changé les +1 en +2
      pour un peu plus de vitesse. N'allez pas au-dessus de 2 ou la tuile
      démarrera pour sauter. Rappelez-vous de faire le x et le y sur les deux
      parties de ce code aussi. Elles doivent changer de x1 et de y1 en x2 et
y2.
     
      x2=x2+2
      y2=y2
      tc.style.backgroundposition=x2&" "&y2
      tc2.style.backgroundposition=x2&" "&y2
     
     
     
      ------------------------------------------------------8-------------------------------------------
     
      Voilà maintenant nous avons fini avec cette partie et notre manuscrit
      devrait ressembler à celui ci-dessous.
     
     
      <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"

     
      tb.style.backgroundImage="URL("&bg1.src&")"
      tc.style.backgroundImage="URL("&bg2.src&")"
      tc2.style.backgroundImage="URL("&bg2.src&")"
      d.style.backgroundImage="URL("&bg1.src&")"
     
     
      x=0
      y=0

      x1=0
      y1=0
      x2=0
      y2=0
     
      SetInterval "scroll",64
     
      Sub scroll()
      x=x
      y=y-1
      document.body.style.backgroundposition=x&" "&y

      d.style.backgroundposition=x&" "&y
     
      x1=x1
      y1=y1+1
      tb.style.backgroundposition=x1&" "&y1
     
      x2=x2+2
      y2=y2
      tc.style.backgroundposition=x2&" "&y2
      tc2.style.backgroundposition=x2&" "&y2
     
      End Sub 
         
      </script>
     

      </BODY>
      </HTML>
     
      Voir l'exemple ICI
      9-------------------------------------------
      Sauvegardez et faites un aperçu de votre manuscrit , vous devriez avoir
      des tuiles de fond et elles devraient défiler , voilà c'est la fin de
      cette leçon. J'espère que vous vous êtes amusé(e)s et que vous pouvez
      maintenant rêver avec les nouvelles manières de rendre votre stat bien
      plus beau qu'avant.
     
Devoirs------------------------------------------------
      Votre travail consiste à employer ce que nous avons appris dans toutes les
      leçons. Vous pouvez habiller vos vieux manuscrits de table si vous le
      souhaitez et faites votre propre magie. [/b][/color]


Dernière édition par Gi le Sam 22 Aoû - 16:03, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Re: Cours Visual Basic Script : Connie Shultza en français   Jeu 13 Oct - 23:59

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


Leçon 13 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 dans la leçon 13. cette fois nous allons apprendre à utiliser le
      filtre Reveal Trans . 
      -------------------------Ce dont nous avons besoin pour cette
      leçon----------------------
      1. 2  images  principales .
      2. 1 midi.
      3. 2 tuiles de background.  One is for the normal background, one is for
      the table..
      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-----------------------
      Installons notre script ainsi nous pourrons commencer la leçon .
      Nous aurons besoin d'une table de deux cellules. Cette semaine nous allons
      faire les choses un peu différement, mettre l'image d'un côté et le texte
      de l'autre. Une cellule contiendra les deux images et on stockera le
      texte. Rappelez-vous de mettre une division à l'intérieur de la cellule
      d'image et de la placer en position relative et de mettre des images à
      l'intérieur de cette division et de les placer position  absolute. Soyez
      sûr de mettre les deux noms ID  (d'identification) d'images. Installez
      votre style  de table comme vous voulez qu'il soit et assurez vous mettre
      la taille de l'image dans le style et également la position absolute et
      left  (gauches) et top (haut). Nous devons donner les images présentent ou
      le filtre ne fonctionnera pas. Commencez le VBS et vous pourrez avancer et
      mettre dedans le rouleau de fond. Mettez la tuile sur la table et nous
      aurons tout placé. 
     
      ---------------------------2----------------------
     
      Votre script devrait sembler à quelque chose comme ça.
      <HTML>
      <HEAD>
      <STYLE>
      Body{
      BORDER-RIGHT: #714528 7px inset;
      BORDER-TOP: #714528 7px outset;
      BORDER-LEFT: #714528 7px outset;
      BORDER-BOTTOM: #714528 7px inset;
      scrollbar-face-color:#714528;
      scrollbar-highlight-color:#AC7856;
      scrollbar-3dlight-color:#714528;
      scrollbar-darkshadow-color:#714528;
      scrollbar-shadow-color:#714528;
      scrollbar-arrow-color:#AC7856;
      scrollbar-track-color:#714528;
      }
     
      .tb1{
      border-top: #9A6C4E 6px solid;
      border-left: #462917 6px solid;
      border-right: #9A6C4E 6px solid;
      border-bottom: #462917 6px solid;
      }
      .tc{
      border-top: #492B18 4px solid;
      border-left: #9A6C4E 4px solid;
      border-right: #492B18 4px solid;
      border-bottom: #9A6C4E 4px solid;
      }
      .phto{
      position: absolute;
      height: 450px;
      width: 350px;
      left: 0px;
      top:0px;
      }
     
      .d{
      BORDER-RIGHT: #492B18 7px double;
      BORDER-TOP: #492B18 7px double;
      BORDER-LEFT: #9A6C4E 7px double;
      BORDER-BOTTOM: #9A6C4E 7px double;
      position: relative;
      height: 464px;
      width: 364px;
      left: 0px;
      top:0px;
      }
      .tx1{
      BORDER-RIGHT: #492B18 7px double;
      BORDER-TOP: #492B18 7px double;
      BORDER-LEFT: #9A6C4E 7px double;
      BORDER-BOTTOM: #9A6C4E 7px double;
      scrollbar-face-color:#714528;
      scrollbar-highlight-color:#AC7856;
      scrollbar-3dlight-color:#714528;
      scrollbar-darkshadow-color:#714528;
      scrollbar-shadow-color:#714528;
      scrollbar-arrow-color:#AC7856;
      scrollbar-track-color:#714528;
      padding:10px;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: #AC7856;
      height:464px;
      width: 225px;
      }
     
      </STYLE>
      </HEAD>
      <BODY bgcolor=#462917 background="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à Lettres/pd Henriette Ronner-Knip
      1821-1909_tile2.jpg">
      <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/purelove-jmc[1].mid" volume=0 loop=infinite>
     
      <TABLE class=tb1 id=t1 width=350px align=center cellpadding=10
      cellspacing=30>
      <TR>
      <TD class=tc align=center><div align=center class=d>
      <IMG class=phto id=p alt="Henriette Ronner-Knip 1821-1909" src="C:/Program
      Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/pd Henriette
      Ronner-Knip 1821-1909_350-450-1.jpg">
      <IMG class=phto id=p2 alt="Henriette Ronner-Knip 1821-1909"
      src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
      Lettres/pd Henriette Ronner-Knip 1821-1909_350-450-2.jpg"></DIV></TD>
      <TD class=tc align=center><DIV id=d1
      class=tx1>text</DIV></TD></TR></TABLE>
      </TD></TR></TABLE>
     
      <!--cette tuile va sur la table -->
      <IMG id=tabbg1
      style="LEFT: -1800px; POSITION: absolute; TOP: -1800px;" 
      src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
      Lettres/pd Henriette Ronner-Knip 1821-1909_tile1.jpg">     


Dernière édition par Gi le Sam 22 Aoû - 16:11, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Re: Cours Visual Basic Script : Connie Shultza en français   Ven 14 Oct - 0:02

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


Leçon 13 B

Code:
<script language=vbscript>
      '*----------------------------------*
      * REM faites la magie
      '* script écrit par  Connie Schutza
      '* September 12 2003
      '*la magie ne finit jamais
      '-----------------------------------*
     
      window.status=" ----script and stationery by Connie---Art by Henriette
      Ronner-Knip 1821-1909---"
     
      t1.style.backgroundImage="URL("&tabbg1.src&")"
     
     
     
      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----------------
     
      Nous sommes prêts à parler du nouveau filtre que nous allons utiliser dans
      cette leçon. 
     
      Le filtre est " revealTrans filter " , vous avez tous vu ce filtre dans
      l'action pendant longtemps. Ce filtre est un amusement et facile , il fera
      23 transitions différentes, les numéros 0 à 22 sont tous différents. Nous
      nous sommes offert le numéro 23 qui lui fera une transition différente
      chaque fois et il passera par l'ensemble en totalité des 23 transitions
      ainsi ceci vous donne un total de 24 arrangements différents vous pouvez
      employer sur le ce filtre.
      Un bon nombre de gens emploient le numéro 23 pour obtenir plus d'effets
      sans un bon nombre de subs. Je n'aime pas faire le mien de cette manière .
      La première raison est que je n'aime pas certaines  transitions.  La
      prochaine est que certaines d'entre elles mangent plus de RAM et font
      sauter le fond de défilement ou l'arrêter et je n'aime pas voir ce qui se
      produit. Enfin, comme la plupart d'entre vous le sait après ces 12
      dernieres leçons, j'aime être dans la commande de mon statut et script et
      le faire voir de la manière que je veux , ainsi je fais juste plus de subs
      et de subsistance pour changer la transition jusqu'à ce que le statut soit
      comme je le veux . Je joue avec le chronométre pour chaque statut , parce
      que quelques images prennent moins de temps pour la transition ou se 
      montrent moins longtemps due à la taille de l'image.  Donc jouez avec les
      nombres jusqu'à ce que vous soyez heureux avec votre manuscrit et l'action
      des filtres , si vous ne voulez pas faire tout cette substance , utilisez
      le numéro 23 pour obtenir plus d'effets avec moins d'ennui .
      -----------------------------------------------4-------------------------------------------
     
      Okay Commençons la pièce du VBS pour mettre ce filtre en action.
      D'abord nous devons dire au PC que nous voulons utiliser le filtre sur les
      images ainsi nous mettons dedans le code de filtre. Il ressemble à ceci
      .... assurez vous que votre nom d'objet soit assortit au nom
      d'identification que vous avez donné à votre image
      Juste au-dessous de la ligne du code qui indique au PC de mettre la tuile
      sur la table et juste au-dessus du x=0 et du y=0 vous mettrez ces lignes
      de code.
     
      p.style.filter="revealTrans"
      p2.style.filter="revealTrans"
     
      Ceux-ci indiquent juste au PC que nous voulons utiliser le filtre de
      revealTrans sur les images.
      Après, juste au-dessous de cette partie nous allons dire au PC la
      visibilité des images. Nous voulons qu'une se montre quand le stat s'ouvre
      et que l'autre soit cachée donc nous devons dire au PC de le faire  et les
      codes ressemblent à ceci.

      p.style.visibility="hidden"
      p2.style.visibility="visible"
      Ensuite nous devons dire au PC que nous voulons qu'il joue le sub qui
      engagera le filtre dans l'action . Donc nous allons vers le bas juste
      au-dessous du x=0 et du y=0 et mettons dedans le sub window_onLoad , puis
      nous lui disons d'appeler le premier sub qui fera fonctionner le filtre et
      combien de temps il doit attendre avant de lancer ce sub et nous devons
      fermer ce sub parce que nous aurons fini avec lui. Le plein code ressemble
      à celui ci-dessous...... Vous pouvez nommer les subs comme vous le voulez
      ,vous assurez juste qu'ils appellent les subs secondaires .
     
      Sub Window_OnLoad()
      SetTimeOut  "action", 4000
      End Sub>


Dernière édition par Gi le Sam 22 Aoû - 16:09, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages : 13144
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

MessageSujet: Re: Cours Visual Basic Script : Connie Shultza en français   Ven 14 Oct - 0:03

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



Leçon 13 C
Code:

[color=steelblue][b]----------------------------5--------------
      Ne visionnez pas votre script parce qu'il projettera une erreur. Mais
      c'est normal pour le moment ..
      <script language=vbscript>
      '*----------------------------------*
      * REM faites la magie
      '* script écrit par  Connie Schutza
      '* September 12 2003
      '*la magie ne finit jamais
      '-----------------------------------*
     
      window.status=" ----script and stationery by Connie---Art by Henriette
      Ronner-Knip 1821-1909---"
     
      t1.style.backgroundImage="URL("&tabbg1.src&")"
     

      p.style.filter="revealTrans"
      p2.style.filter="revealTrans"
      p.style.visibility="hidden"
      p2.style.visibility="visible"
     
      x=0
      y=0
     
      Sub Window_OnLoad()
      SetTimeOut  "action", 4000
      End Sub
     
      SetInterval "chsscroll",64
     
      Sub chsscroll()
      x=x
      y=y-1
      document.body.style.backgroundposition=x&" "&y
      End Sub
     
      </script>
      </BODY>
      </HTML>
      ---------------------------6----------------
     
      Bien nous sommes maintenant prêts à passer aux subs qui feront la magie du
      filtre .
      Allez vers le bas au-dessous du sub de rouleau et mettez en marche le
      prochain sub mais assurez vous qu'il soit au-dessus de la  balise fermante
      </script> ou le manuscrit ne fonctionnera pas . La première chose que nous
      voulons que notre filtre fasse est de faire que l'image qui se voit s'en
      aille et que celle qui est cachée apparaisse.  Donc nous devons dire au PC
      en  premier  que nous avons placé l'horodateur dans le load sub et à qui
      nous avons dit de mettre l'heure à 4000. Alors nous devons dire au PC
      d'appliquer le filtre que nous employons sur l'image qui est visible et
      quelle transition utiliser pour la cacher, nous allons lui dire aussi que
      nous voulons que la visibilité soit quand il  fait fonctionner le filtre
      et puis lui indiquer combien de temps qu'il faut pour cacher cette image.
      Ainsi nous avons le code qui ressemble à ceci dans la première partie du
      sub.
      Sub action()
      ClearTimeout
      p2.filters(0).Apply()
      p2.filters(0).transition=6
      p2.style.visibility="hidden"
      p2.filters(0).Play(4.000)
     
      Maintenant nous devons dire également au PC de rendre l'autre image
      visible ,d'utiliser le filtre pour faire cette magie , quelle transition
      employer et combien de temps prendre pour le faire. 
      Nous devons également lui dire d'appeler le prochain sub et combien de
      temps attendre avant qu'il le mette en marche pour travailler ainsi nous
      devons mettre dedans notre setTimeOut. Soyez sûr de placer ce nombre pour
      être égale ou plus que le jeu de temps . Cela fonctionnera très bien si le
      jeu de temps est plus court que le temps  mais cela ne fonctionne pas très
      bien si le temps out est plus court que le jeu de temps . Sinon cela ne
      fera pas la finition de transition dans un jeu doux et nous ne voulons pas
      que cela se produise. Nous terminons le sub en mettant le sub de fin ou le
      manuscrit ne fonctionnera pas.Voici l'autre moitié du premier sub.
      p.filters(0).Apply()
      p.filters(0).transition=6
      p.style.visibility="visible"
      p.filters(0).Play(4.000)
      SetTimeOut "action2",4000
      End Sub
      Maintenant nous devons dire au PC de mettre la premiere image ainsi nous
      pourrons la voir et cacher la deuxième image.  Donc nous aurons besoin
      d'un autre sub et celui-ci je l'ai nommé action2.  Dans celui-ci je ne
      veux pas que le PC emploie la même transition donc je vais lui dire ce que
      je veux employer pour défaire ce qu'il a fait dans le premier sub. 
     
      Le plein code ressemblera à celui-ci.  Note : la seule chose qui a changé
      dans celui-ci est le nom du sub, le nombre de transition et la visibilité
      de l'image. Là où la première fois c'était caché (hidden)  cela devient
      maintenant visible et celui qui est dit visible devient hidden (caché ). 
     
      Sub action2()
      ClearTimeout
      p2.filters(0).Apply()
      p2.filters(0).transition=5
      p2.style.visibility="visible"
      p2.filters(0).Play(4.000)
      p.filters(0).Apply()
      p.filters(0).transition=5
      p.style.visibility="hidden"
      p.filters(0).Play(4.000)
      SetTimeOut "action3",4000
      End Sub
     
      Nous écrivons encore un autre sub pour défaire ce que nous avons fait
      faire au PC et cette fois les mêmes choses changeront sur ce qui a été
      changer dans le dernier sub. Ainsi le nouveau sub ressemblera à celui-ci.
     
      Sub action3()
      ClearTimeout
      p2.filters(0).Apply()
      p2.filters(0).transition=14
      p2.style.visibility="hidden"
      p2.filters(0).Play(4.000)
      p.filters(0).Apply()
      p.filters(0).transition=14
      p.style.visibility="visible"
      p.filters(0).Play(4.000)
      SetTimeOut "action4",4000
      End Sub
     
      Nous sommes prêts à écrire notre dernier sub et à le faire aller de
      nouveau au premier et répéter la chose  à plusieurs reprises pour toujours
      .  Soyez sûr que quand vous écrirez votre dernier sub que ce soit la même
      image qui se montre quand ce sub est fini et celle quand vous avez
      commencé .  Si vous ne le faites pas de cette façon, le premier sub ne
      pourra pas fonctionner parce qu'il ne peut pas cacher ce qui ne se montre
      pas. Notre dernier sub ressemble à celui-ci , les mêmes choses changeront
      comme dans le dernier sub. Soyez sûr d'appeler le premier sub pour que le
      manuscrit le joue car le prochain sub fera une boucle en arrière pour
      vous.
     
      Sub action4()
      ClearTimeout
      p2.filters(0).Apply()
      p2.filters(0).transition=15
      p2.style.visibility="visible"
      p2.filters(0).Play(4.000)
      p.filters(0).Apply()
      p.filters(0).transition=15
      p.style.visibility="hidden"
      p.filters(0).Play(4.000)
      SetTimeOut "action",4000
      End Sub
      ------------------------7-----------------
     
      Voilà ce à quoi le plein VBS de votre manuscrit ressemblera
     
      <script language=vbscript>
      '*----------------------------------*
      * REM faites la magie
      '* script écrit par  Connie Schutza
      '* September 12 2003
      '*la magie ne finit jamais
      '-----------------------------------*
     
      window.status=" ----script and stationery by Connie---Art by Henriette
      Ronner-Knip 1821-1909---"
     
      t1.style.backgroundImage="URL("&tabbg1.src&")"
     

      p.style.filter="revealTrans"
      p2.style.filter="revealTrans"
      p.style.visibility="hidden"
      p2.style.visibility="visible"
     
      x=0
      y=0
     
      Sub Window_OnLoad()
      SetTimeOut  "action", 4000
      End Sub
     
      SetInterval "chsscroll",64
     
      Sub chsscroll()
      x=x
      y=y-1
      document.body.style.backgroundposition=x&" "&y
      End Sub
     
      Sub action()
      ClearTimeout
      p2.filters(0).Apply()
      p2.filters(0).transition=6
      p2.style.visibility="hidden"
      p2.filters(0).Play(4.000)
      p.filters(0).Apply()
      p.filters(0).transition=6
      p.style.visibility="visible"
      p.filters(0).Play(4.000)
      SetTimeOut "action2",4000
      End Sub
     
      Sub action2()
      ClearTimeout
      p2.filters(0).Apply()
      p2.filters(0).transition=5
      p2.style.visibility="visible"
      p2.filters(0).Play(4.000)
      p.filters(0).Apply()
      p.filters(0).transition=5
      p.style.visibility="hidden"
      p.filters(0).Play(4.000)
      SetTimeOut "action3",4000
      End Sub
     

      Sub action3()
      ClearTimeout
      p2.filters(0).Apply()
      p2.filters(0).transition=14
      p2.style.visibility="hidden"
      p2.filters(0).Play(4.000)
      p.filters(0).Apply()
      p.filters(0).transition=14
      p.style.visibility="visible"
      p.filters(0).Play(4.000)
      SetTimeOut "action4",4000
      End Sub
     
      Sub action4()
      ClearTimeout
      p2.filters(0).Apply()
      p2.filters(0).transition=15
      p2.style.visibility="visible"
      p2.filters(0).Play(4.000)
      p.filters(0).Apply()
      p.filters(0).transition=15
      p.style.visibility="hidden"
      p.filters(0).Play(4.000)
      SetTimeOut "action",4000
      End Sub

      </script>
      </BODY>
      </HTML>
     
      ---------------------------8-----------------
      Nous avons fini avec ce manuscrit. Faites un essai et voyez comment cela
      fonctionne. Si vous avez des erreurs vérifiez le script en commençant par
      le manuscrit et voyez si l'erreur est dans cette partie puis contrôlez la
      partie du VBS.
     
      -----------------------9-----------------------
      Voici une liste des nombres pour ce filtre et les effets que vous verrez
      quand vous les employerez .
      0-la place devient plus petite et part
      1-la place devient plus grande et remplit la division
     
      2-le cercle devient plus petit et part
      3-le cercle devient plus grand et remplit la division
     
      4- changements d'image du bas vers le haut
      5- changements d'image du haut vers le bas
     
      6- changements d'image de la gauche vers la droite
      7- changements d'image de droite vers la gauche
     
      8- les abat-jour s'ouvrent à gauche vers la droite
      9-les abat-jour s'ouvrent de haut en bas
      10 et 11 sont des panneaux de contrôle
      12 est aléatoire , celui-ci emploie un peu plus de RAM que les autres et
      qui embourbera votre fond de défilement.
      13-s'ouvre des côtés dans le centre
      14-s'ouvre comme les portes françaises du centre jusque sur les cotés
     
      15- s'ouvre d'en haut et en bas jusque  dans le centre
      16-s'ouvre du centre jusqu 'en haut et en bas
     
      17- mouvement du coin droit supérieur au coin gauche inférieur
      18- se déplace du coin droit inférieur au coin gauche supérieur
     
      19- mouvement du coin gauche supérieur au coin droit inférieur
      20-se déplace du coin gauche inférieur au coin droit supérieur
     
      21 et 22 sont des barres aléatoires et ce sont les deux qui utilisent le
      plus de RAM et caleront les milieux de défilement.
      23 Jouera tous les arrangements dans ce filtre et il fera caler ou sauter
      le fond de défilement sur les transitions .
     
      Voir l'exemple ICI
      ----------------------Devoirs----------------------
     
      Ecrivez votre propre script à l'aide de ce filtre. Vous pouvez employer
      d'autre substance que vous avez appris et essayez de faire un script en
      utilisant plus d'images qu'il y a dans la leçon. Faites de la grande magie
      et amusez vous
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Contenu sponsorisé




MessageSujet: Re: Cours Visual Basic Script : Connie Shultza en français   

Revenir en haut Aller en bas
 
Cours Visual Basic Script : Connie Shultza en français
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 2 sur 2Aller à la page : Précédent  1, 2
 Sujets similaires
-
» [SOFT] Visual Basic pour Windows Phone Developer Tools - RTW [Gratuit]
» Pilotage LIUSB en visual basic 6
» Joli petit cours de français
» Cours sur l'imparfait de l'indicatif
» Photo de la table de français du café de Paris ce 1 février

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Mots d'art & Scénarios :: Scripts & Flash d'art :: DE TOUT POUR LES scripts d'art & autres animations par Gi-
Sauter vers: