Leçon de script 1

Une bande qui scroll sur le côté gauche

Pour voir le résultat cliquez ici

Vous aller avoir besoin de vous faire une tuile de 300 x 300 et cadre de 350 de large par 300 de hauteur pour ce script .
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 constatez vous aurez besoin d'une tuile de 300 x 300 et une image encadrée de 350 de large x 300 de haut.

Après avoir faite votre propre tuile et votre cadre et 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 blanc avec des x rouges qui défile sur le côté gauche .

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 .

7-Ensuite retournez dans Internet Explorer sur le fichier html blanc avec les x rouge 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><TITLE>LEFT SCROLL BORDER</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">

<STYLE>BODY {
FONT-SIZE: 14pt; MARGIN-LEFT: 395px; COLOR: #884245; FONT-FAMILY: "
Duchess"
}
</STYLE>

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

Ici c'est arrière plan que j'ai mis en rouge ,

Vous effacez ce que j'ai mis en rouge et collez le chemin de votre tuile et ajoutez des guillemets au début et à la fin de votre chemin car sinon ça ne fonctionnera pas .

ex:"C:\script\lecon1\tuile.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 blanc avec des x rouge et faire Affichage /Actualiser et vous aller voir votre arrière plan .

On retourner dans le bloc note pour la suite

Ici c'est l'image que j'ai mis en rouge,

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

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 déroulée.

Maintenant passons à l'autre étape. Les explications sont dans le bas du script.Garder encore ouvert le bloc note et Internet Exploreur on va en avoir encore besoin.

<IMG
id=tempImage style="DISPLAY: none"
src="cid:02d701c54e78$8d8d31d0$6400a8c0@chezlylee">
<SCRIPT language=VBScript>
dim x
x=0
y=0

for w=0 to 9
document.write "<img id=pics"&w&" src><br>"
next

imageholder.style.display="block"

pics0.src=tempImage.src
pics1.src=tempImage.src
pics2.src=tempImage.src
pics3.src=tempImage.src
pics4.src=tempImage.src
pics5.src=tempImage.src
pics6.src=tempImage.src
pics7.src=tempImage.src
pics8.src=tempImage.src
pics9.src=tempImage.src

sub scroll()
if y=1 then
exit sub
end if
if x < pics0.height then
setTimeout "move", 1
else
x=0
setTimeout "move", 1
end if
end sub

sub move()
imageholder.style.top=-x
x=x+1
setTimeout "scroll", 1
end sub

sub imageholder_onclick()
if y=0 then
y=1
elseif y=1 then
y=0
end if
scroll()
end sub

scroll()

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

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

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 première leçon est terminée

On passe à la suivante .

Lylee

Menu Principal
Apprivoisez Outlook
Petits Scripts divers