Leçon de script 2

Une bande qui scroll en haut

Pour voir le résultat cliquez ici

Vous aller avoir besoin de vous faire une tuile de 300 x 300 et une bande de 375 de large par 248 de hauteur pour ce script .
" Il y a possibilité de changer les dimensions c'est expliqué plus bas ."

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 bande de 375 de large x 248 de haut.
" Il y a possibilité de changer les dimensions c'est expliqué plus bas ."

Après avoir faite votre propre tuile et votre bande 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 allez 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 haut gauche par moment.

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 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>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">

Ici faire ces modifications en dernier quand vous aurez coller le chemin de votre bande et de votre tuile .

Après avoir changer les choses 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 .

J'ai séparé les choses afin de vous expliquer à quoi elle serve

<STYLE>BODY {
FONT-SIZE: 18pt; La grosseur de la police

MARGIN-LEFT: 10px;

COLOR: #c67a35;La couleur de la police

MARGIN-RIGHT: 10px;

FONT-FAMILY: "Lucida Calligraphy"; Sorte de police

SCROLLBAR-BASE-COLOR: #c67a35; Ici modifier la couleur de la scrollbar

BACKGROUND-COLOR: #ffffff
}
</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 votre tuile et ajoutez des guillemets au début et à la fin de votre chemin car sinon ça ne fonctionnera pas .

ex:"C:\script\lecon2\fond6.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 ,

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

*Si vous avec faite une bande 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 déroulée.

Maintenant retournons dans le haut du script pour modifier le scrollbar

Ensuite vous passerez à 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=bkg
style="LEFT: -1800px; WIDTH: 375px; POSITION: absolute; TOP: 0px; HEIGHT:
248px"
src="cid:017701c54f28$0f434480$6400a8c0@chezlylee"></DIV>
<DIV> </DIV>
<DIV align=center><FONT color=#c67a35 size=4>Ecrire ici</FONT></DIV>
<DIV align=center> 
<SCRIPT language=VBScript>
REM Edgar V. Poirier
REM moomoo@nbnet.nb.ca
REM Thanks to Gerard Ferrandez for the idea ; )
REM Revised Nov 11, 1999
Dim w, wW, wH, sH, wx, pW, pH, myTimer, x, xD, Res
Dim picX, picY, bxW, bxH, numPics

Set w=document.body

REM ************* MAKE CHANGES HERE *************

xD=-1

REM *********************************************

REM Initialize
sub setUp()
on error resume next
REM Set margins
w.style.marginTop=pH
REM Get window dimensions
wW=w.clientWidth
wH=w.clientHeight
REM Repeat to fix an OE bug
wW=w.clientWidth
wH=w.clientHeight
sH=w.scrollHeight
bH=wH
if sH>wH then bH=sH
REM Limit visible area
container.style.width=wW
container.style.top=0
container.style.left=0
REM Set the size of the scrolling area
box.style.height=pH
box.style.width=wx+pW*3
box.style.left=-(pW)
REM Start the scroll.
SF
end sub

REM universal scrolling routine.
sub SF()
ClearTimeOut(myTimer)
x=x+xD
if xD>0 and x>=0 then x=-(pW)
if xD<0 and x<-(pW) then x=0
REM Position the background image.
box.style.left = x
REM repeat (larger numbers give slower scroll below)
myTimer=SetTimeOut("SF",24)
end sub

REM Everything starts here
sub Window_OnLoad()
REM Get window dimensions
wW=w.clientWidth
wH=w.offsetHeight
REM Repeat to fix an OE bug
wW=w.clientWidth
wH=w.offsetHeight
REM Get users screen resolution
wx=window.screen.width
REM and adjust font size to match.
Res=INT(wx/128)
w.style.fontSize = 14+Res
REM Get dimensions of background image.
pW=bkg.style.posWidth
x=-(pW)
pH=bkg.style.posHeight
REM Number of images across
numPics=INT((wx)/pW)+2
REM "Tile" the background (NOTE: Image is not positioned.)
for j=1 to numPics
data=""
data="<IMG src='" & document.all("bkg"&i).src & "'>"
box.insertAdjacentHTML "beforeEnd", data
next
REM Lets get started.
setUp
end sub

REM This runs if the window size is changed.
sub Window_OnResize()
setUp
end sub

</SCRIPT>
</DIV>
<DIV align=center><FONT color=#c2e2c4 size=4></FONT> </DIV>
<DIV align=center><FONT color=#c2e2c4 size=4></FONT></DIV>
<DIV id=container
style="Z-INDEX: -1; FILTER: BlendTrans(Duration=0); LEFT: -1400px; WIDTH:
800px; POSITION: absolute; TOP: 0px; HEIGHT: 600px"><SPAN
id=box
style="WIDTH: 800px; POSITION: absolute; HEIGHT: 600px"></SPAN></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 deuxième leçon est terminée

On passe à la suivante .

Lylee

Menu Principal
Apprivoisez Outlook
Petits Scripts divers