Leçon de script 3

Une table horizontale avec une image et un texte défilant

Pour voir le résultat cliquez ici

Nous allons travailler avec ce courrier en format eml .
Téléchargez-le Ici

Première étape

1-Faite vous un dossier dans votre disque dur pour y mettre tout ce qui va se rapporter à ce script .

2-Ensuite nous allons récupéré les choses qui ont servi à faire le script dans le email que vous avez télécharger et les enregistrer dans votre dossier . Les explications sont ici

3-Maintenant allons voir ce que vous avez enregistrer et je vous conseille au tout début de prendre des images et tuiles de la même dimension que ceux que vous avez récupérer si vous êtes débutant. Pour voir la dimension de vos images survolez votre souris sur l'image et un carré va apparaître avec les informations .

Comme vous pouvez le constater vous allez avoir besoin de vous faire 2 tuiles de 300 x 300 et une image dans un cadre de 382 de large par 385 de hauteur et un midi pour faire ce script .

Après avoir faite vos tuiles , votre cadre et choisi votre midi on va y aller pour la suite .

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

Deuxième Étape

*Pour les les personne qui ont le pack 2 et qui ne sont pas capable d'ouvrir le bloc- note avec la touche CTRL-F2 voici le eml déjà enregistrer en format html à télécharger ici
Vous pouvez poursuivre à la troisième étape du tutoriel.

1- Vous aller ouvrir le eml fourni si ce n'est pas déjà faite et appuyez sur les touches CTRL+F2.

2- Le bloc note va s'ouvrir .

3 - Vous allez faire Fichier /Enregistrer sous et enregistrer le script en format html dans votre dossier comme sur ma capture .

Vis à vis Nom du fichier tapez .html

4-Fermer le messages en Eml et le Bloc note pour ne pas vous mêler à la prochaine étape

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

Troisième Étape

Maintenant on a tous ce qu'il nous faut pour faire les modifications.

1-Vous allez cliquer sur le fichier en html que l'on viens d'enregistrer dans votre dossier .

2-Internet Exploreur va s'ouvrir et vous aller voir un fond brun avec un rectangle avec un x .

3-Vous allez dans Affichage/ Source et le Bloc- note va s'ouvrir .

4-Je vous copie ce que vous avez eu dans le Bloc note un peu plus bas et vous mets en rouge les endroits à modifier avec les explications en bleu .

Vous allez coller le chemin des images que vous avez faite . Les explications sont ici si vous ne savez pas le faire .

5-Vous aller faire les modifications une par une comme je vous l'indique dans le script et après chaque modification on va regarder ce que ça donne pour voir si tout est correcte .

6--Voici comment vous allez procéder tout au long des modifications.

Dans le bloc note vous allez coller le premier chemin d'accès et ensuite faire Fichier/ enregistrer .

Ensuite retournez dans Internet Explorer sur le fichier html brun avec le rectangle avec un x et faire Affichage /Actualiser. ou bien utiliser cette icône

Ok on y va toute les étapes sont indiquées en bleu .

Vous pouvez télécharger le script et ses explications en format word pour imprimer ici si vous le désirer

On débute les modifications dans le bloc note

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">

Ici c'est la couleur de la scrollbar et l'arrow .
Mettez une couleur en accord avec vos tuiles et votre image.

Faite -le en dernier car c'est moins difficile de trouver la couleur qui va le mieux .

Effacez ce qui est en rouge et vous collez vos chiffres .

Après avoir coller le chemin de vos chiffre faire Fichier /Enregistrer et réduisez le bloc note dans la barre de tâche pour le reprendre plus tard

Allez dans votre Internet Exploreur et faire Affichage /Actualiser et vous allez voir le résultat.

On retourner dans le bloc note pour la suite

<STYLE>BODY {
SCROLLBAR-ARROW-COLOR: #7f5a52; SCROLLBAR-BASE-COLOR: #58322d;
BACKGROUND-COLOR: #58322d
}
.marquee {
FONT-SIZE: 18pt; COLOR: #58322d; FONT-FAMILY: comic sans ms
}
TD {
FONT-SIZE: 12pt; COLOR: #58322d; FONT-FAMILY: comic sans ms
}
</STYLE>

<META content="MSHTML 6.00.2800.1498" name=GENERATOR></HEAD>

Ici c'est arrière plan ,

Effacer ce qui est en rouge et vous collez le chemin de la tuile que vos avez faite pour votre fond et ajoutez des guillemets au début et à la fin de votre chemin car sinon ça ne fonctionnera pas .

ex:"C:\script\lecon3\tyu5.jpg"

Après avoir coller le chemin de la tuile faire Fichier /Enregistrer et réduisez le bloc note dans la barre de tâche pour le reprendre plus tard

Allez dans votre Internet Exploreur sur votre fond brun et faire Affichage /Actualiser et vous aller voir votre arrière plan .

On retourner dans le bloc note pour la suite

Ici c'est le midi ,

Effacer ce qui est en rouge et vous collez le chemin de votre midi .

Après avoir coller le chemin de votre midi faire Fichier /Enregistrer et réduisez le bloc note dans la barre de tâche pour le reprendre plus tard

Allez dans votre Internet Exploreur et faire Affichage /Actualiser et vous aller entendre votre midi.

On retourner dans le bloc note pour la suite

Ici c'est votre deuxième tuile,celle qui va dans la table.

Effacer ce qui est en rouge et vous collez le chemin de votre tuile .

Après avoir coller le chemin de la tuile faire Fichier /Enregistrer et réduisez le bloc note dans la barre de tâche pour le reprendre plus tard

Allez dans votre Internet Exploreur et faire Affichage /Actualiser et vous aller voir votre tuile . On retourner dans le bloc note pour la suite

Ici c'est la couleur des bordures de la table et du bgColor .

Le Bgcolor ne parait pas mais il est préférable de le mettre de al même couleur que la bordure car si l'ordinateur ouvre le script lentement il peu arriver que ce soit visible une fraction de seconde .

Mettez une couleur en accord avec vos tuile et votre image.

Faite -le en dernier car c'est moins difficile de trouver la couleur qui va le mieux .

Effacer ce qui est en rouge et vous collez vos chiffres .

Après avoir coller les chiffes faire Fichier /Enregistrer et réduisez le bloc note dans la barre de tâche pour le reprendre plus tard

Allez dans votre Internet Exploreur et faire Affichage /Actualiser et vous allez voir le résultat.

On retourner dans le bloc note pour la suite

Ici c'est le message qui défile dans la barre de tâche . Vous pouvez le changer .

Après avoir tapez votre petit messsage faire Fichier /Enregistrer et réduisez le bloc note dans la barre de tâche pour le reprendre plus tard

Allez dans votre Internet Exploreur et faire Affichage /Actualiser et vous allez voir le résultat.

On retourner dans le bloc note pour la suite

<MARQUEE scrollDelay=100 behavior=alternate width="100%">
<DIV class=marquee>~~~ Bonne journée ~~~</DIV></MARQUEE></TD></TR>
<TR>
<TD vAlign=center align=middle width=390>

Ici c'est l'image ,

Effacez ce qui est en rouge et vous collez le chemin de votre image .

*Si vous avez faite une image d'une autre dimension changer les chiffres que j'ai mis en rouge width est la largeur et height est la hauteur.

Après avoir coller le chemin de l'image faire Fichier /Enregistrer et réduisez le bloc note dans la barre de tâche pour le reprendre plus tard

Ensuite retournez dans votre Internet Exploreur et faire Affichage /Actualiser et vous aller voir votre image .

On retourner dans le bloc note pour la suite

<IMG id=pic1
style="FILTER: progid:DXImageTransform.Microsoft.Strips(motion=
'rightdown'); VISIBILITY: hidden"
height=385 src="cid:03d301c555a5$7bc21950$6400a8c0@chezlylee" width=
382>
</TD>
<TD vAlign=top>
<MARQUEE scrollAmount=1 scrollDelay=80 direction=up height=400>Écrire
votre message ici</MARQUEE></TD></TR></TBODY></TABLE>
<SCRIPT language=VBScript>
' ============================
' Script written by Jan
' www.paintedpixels.com
' Please do not remove these lines
' ============================

x=0
y=0

Sub Window_OnLoad()
window.status=" ~~ htpp://chezlylee.site.voila.fr ~~ "
table1.style.backgroundimage="URL("&tabback1.src&")"
SetTimeOut "show", 2000
End Sub

Sub show()
ClearTimeOut
pic1.filters(0).Apply()
pic1.style.visibility="visible"
pic1.filters(0).Play(5.000)
SetInterval "scroll", 64
End Sub

Sub Scroll()
x=x
y=y-1
document.body.style.backgroundPosition= x& " " &y
End Sub

</SCRIPT>
</BODY></HTML>

Quand vous avez fini de modifier tous les endroits indiquées et que vous êtes satisfaits on passe à la quatrième étape.

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

Quatrième étape

Voilà la dernière étape qui consiste à faire un message Outlook avec ce que vous venez de faire .

1- Vous allez retourner sur le bloc note et faire Édition /Sélectionner tout

2- Faire /Édition /Copier

3- Ouvrir un nouveau message dans Outlook

4-Allez sur 'onglet Source et effacer tout ce que vous voyez .

5-Placer votre curseur dans la fenêtre d'écriture et avec le bouton droit de la souris dans le menu déroulant choisir coller .Ce que vous avez sélectionner dans le Bloc- note va apparaître

6-Pour voir si le script est correcte allez sur l'onglet Aperçu. . Retourner sur l'onglet modifier pour écrire le texte .

Voilà la troisième leçon est terminée

On passe à la suivante .

Lylee

Menu Principal
Apprivoisez Outlook
Petits Scripts divers