Uitleg eenvoudig script 1
Hier ga ik wat tekst en uitleg geven over scripten.
Zelf schrijf ik mijn scripten in de HTML-kit die is hier te downloaden.
En hier vind je de Nederlandse vertaling.
Hieronder een eenvoudig script met de uitleg in rode tekst:
Hier kun je het script bekijken
Wat ik groen heb gemaakt, daar kun je een ander kleurnummer in zetten.
Wat ik blauw heb gemaakt is de plaats voor de plaatjes
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML><HEAD>
<TITLE>Jeannette Witte reigers</TITLE> dit is de titel van
het script
<STYLE>BODY {
BORDER:#5C658E 10px groove;
dit is de gekleurde rand om de mail
SCROLLBAR-BASE-COLOR:#BEBDCB;
dit is de kleur van de scrollbalk
SCROLLBAR-TRACK-COLOR:#D3CFC4;
dit is de kleur van de onderste scrollbalk
SCROLLBAR-ARROW-COLOR:#ffffff;}
dit is de kleur van de pijltjes in de scrollbalk
Hieronder: tab betekent tabel en verwijst naar de
zijbaantjes hier kun je de kleur veranderen van de border(randje) om de
tabellen, tevens wordt hier aangegeven op welke hoogte de zijtabellen moeten
staan.
.TAB1 {
BORDER: #ffffff 1px ridge; MARGIN-TOP: 40px;
BACKGROUND-COLOR: #b8b9b1}
.TAB2 {
BORDER: #ffffff 1px ridge; MARGIN-TOP: 70px;
hier ook
BACKGROUND-COLOR: #b8b9b1}
.TAB3 {
BORDER: #ffffff 1px ridge; MARGIN-TOP: 100px;
en hier ook
BACKGROUND-COLOR: #b8b9b1}
Hieronder is de kleur van de tekst en de achtergrondkleur
van het tekstvak te veranderen.
.TEXT {
FONT-FAMILY:Papyrus; COLOR:#7E7E96;dit
is de tekstkleur FONT-SIZE:14PT; OVERFLOW:AUTO;
BORDER: #BEBDCB 6px double;
dit is de kleur van het randje om het tekstvak
BACKGROUND-COLOR: #DCDBE3}dit
is de achtergrondkleur van het tekstvak
</STYLE>
</HEAD>
Hieronder body bgColor betekend achtergrondkleur
<BODY bgColor=#C5BFB1 background="D:\Documenten
van Jeannette\0 Eigen
scripten\zijbaantjes\prins_achter2.jpg">
<BGSOUND balance=10 src="D:\Documenten van Jeannette\Mijn
briefpapier\Muziek WAV\welcome_jim_reeves_jeannette.wav"
volume=0 loop=infinite>
Hieronder is de plaats waar de achtergrondjes van de
zijtabellen moeten staan, hier mag nooit iets aan veranderd worden.
<IMG id=back1 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="D:\Documenten van Jeannette\0 Eigen scripten\zilverbaantje.jpg">
Hieronder <TR><TD></TD></TR></TABLE> enzovoort is de
positie van de zijtabellen hier mag nooit iets aan veranderd worden.
<TABLE class=tab1 id=tab1 height="90%" width=2 align=left>
<TR><TD></TD></TR></TABLE>
<TABLE height="3%" width=10 align=left>
<TR><TD></TD></TR></TABLE>
<TABLE class=tab2 id=tab2 height="80%" width=2 align=left>
<TR><TD></TD></TR></TABLE>
<TABLE height="3%" width=10 align=left>
<TR><TD></TD></TR></TABLE>
<TABLE class=tab3 id=tab3 height="70%" width=2 align=left>
<TD></TD></TR></TABLE><!-- rechterkant -->
<TABLE class=tab1 id=tab4 height="90%" width=2 align=right>
<TR><TD></TD></TR></TABLE>
<TABLE height="3%" width=10 align=right>
<TR><TD></TD></TR></TABLE>
<TABLE class=tab2 id=tab5 height="80%" width=2 align=right>
<TR><TD></TD></TR></TABLE>
<TABLE height="3%" width=10 align=right>
<TR><TD></TD></TR></TABLE>
<TABLE class=tab3 id=tab6 height="70%" width=2 align=right>
Hieronder is de positie van het hoofdplaatje, mag ook niet
veranderd worden
<TR><TD></TD></TR></TABLE>
<TABLE style="MARGIN-TOP: 40px" cellSpacing=1 cellPadding=1 width="60%" align=center>
<TR><TD align=middle>
<DIV><IMG src="D:\Documenten van Jeannette\0 Eigen
scripten\zijbaantjes\witte_reigers.jpg" align=center></DIV>
Hieronder de positie van het tekstvak, hier kun je de
breedte (is wat ik groen heb gemaakt) aanpassen aan je plaatje moet even breed
zijn als je plaatje.
<TR><TD align=middle><DIV class=text style="PADDING: 10px; <b></b>
OVERFLOW: auto; WIDTH: 636px; HEIGHT: 150px" align=center>
<DIV><FONT size=4><b>Hallo</b></FONT></DIV>
</TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE>
<SCRIPT language=vbscript>
'----------------------------------------------
'Script gemaakt door Jeannette Meijer 1-4-2006
'tekst tussen lijnen laten staan svp
'www.jeannettesite.nl
'----------------------------------------------
window.status="~~~~~~~~www.jeannettesite.nl~~~~~~~~ "hier
kun je je eigen naam neerzetten.
En verder hier onder mag er absoluut niets veranderd worden anders werkt het
script niet goed meer.
hier staat aangegeven wat en hoe het moet scrollen.
a=0
b=0
c=0
Sub Window_OnLoad
Start
setInterval"Scroll",54
End Sub
Sub Start()
ClearTimeOut
tab1.style.backgroundImage="URL("&back1.src&")"
tab2.style.backgroundImage="URL("&back1.src&")"
tab3.style.backgroundImage="URL("&back1.src&")"
tab4.style.backgroundImage="URL("&back1.src&")"
tab5.style.backgroundImage="URL("&back1.src&")"
tab6.style.backgroundImage="URL("&back1.src&")"
End Sub
Sub scroll()
a=a-1
b=b-1
c=c+1
tab1.style.backgroundPosition=c&" "&b
tab2.style.backgroundPosition=c&" "&b
tab3.style.backgroundPosition=c&" "&b
tab4.style.backgroundPosition=c&" "&b
tab5.style.backgroundPosition=c&" "&b
tab6.style.backgroundPosition=c&" "&b
End sub
</SCRIPT>
</BODY></HTML>