[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]
Accueil 
Sujet: Cours 12 B 
