Dit naar een tekst van Henk Versterre waarvan het origineel te vinden is op de site:
http://www.seniorweb.nl/psp/Ww_Scroll1.htmlDe 'scroll'.
Bijlage Bijgaand vind je een script als bijlage.
Er is gekozen voor een script met meerdere mogelijkheden.
* Open het script in 'Kladblok' (standaard in windows)
Sla het script op in een map waarin je scripten wilt bewaren.
* Open je mailprogramma (Outlook epress) en dan een "nieuw " en plaats een kopie van het script in de "bron" tussen de >< achter </BODY> en voor </HTML>.
* Zoek in de 'Bron' de regel:
<BODY background="achtergrond" bgColor=#ffffff >
Waar nu het woord 'achtergrond' staat gaan wij op een simpele manier het pad naar het plaatje van de achtergrond inbrengen.
Klik op het menu "bewerken" (niet schrikken van hetgeen je in het berichtvenster ziet staan)
Klik in de menubalk op "opmaak" dan "achtergrond" en "figuur".
Zoek via "bladeren" het plaatje dat je als achtergrond wilt gebruiken, klik erop zodat het blauw wordt en klik dan op "openen" vervolgens op "OK".
De achtergrond verschijnt in de mail en in de "bron" is het woord "achtergrond" vervangen door het volledige adres van je opgevraagd achtergrondplaatje
Wil je helemaal geen achtergrondplaatje inbrengen maar het bij een egale kleur houden, wijzig dan enkel de kleurcode.
* Zoek in de "bron" de regel:
<BGSOUND style="DISPLAY: none" balance=0 src="mid" volume=0>
Waar in de regel "mid" staat komt het adres naar het .midi (geluids-) bestandje te staan.
Klik op het menu "bewerken".
Klik in dan op "opmaak" dan "achtergrond" en vervolgens "geluid".
Zoek via "bladeren" het midi-bestandje dat je als geluidsachtergrond wilt gebruiken, klik er op zodat het blauw wordt en klik op "openen" en dan op "OK".
Het geluid is aanwezig en in de "bron" is "mid" vervangen door het volledige adres van het opgevraagde bestand.
Wil je helemaal geen geluid inbrengen, verwijder dan de genoemde regel, inclusief haakjes uit de "bron" of voeg niets in en laat je alles gewoon staan.
* Zoek in de 'Bron" de regel:
<IMG id=pics
style="DISPLAY: none" height=200 src="scroll" width=200>
Deze regel kent twee getallen, beiden 200.
Eén geldt voor de hoogte (height) en de ander voor de breedte (width). Je hebt allang opgemerkt dat de tab "bewerken" een kader bevatte met daarin een hokje met een rood kruisje.
Het kader is 200 x 200 pixels groot en het rode kruisje geeft aan dat daar het plaatje komt te staan indien wij hiertoe opdracht geven.
Dat gebeurt straks wanneer een plaatje wordt ingebracht, het maakt in het geheel niet uit wat de grootte daarvan is het wordt ingebracht in het 200x200 kader.
Dus is het oorspronkelijke plaatje groter dan zal het hier verkleind worden weergegeven en is de oorsprong kleiner dan wordt het hier vergroot weergegeven.
Het kader is slechts een controlemiddel om te zien of je het juiste plaatje hebt opgevraagd, het verandert niets aan de werkelijke maten van de oorsprong.
Wil je de werkelijke grootte van je plaatje zien, wijzig dan de getallen 200 in de werkelijke maten van het plaatje.
Waar in de regel "scroll" staat komt het pad naar het te gebruiken bestandje te staan. Het inbrengen van het juiste pad gaat in dit geval niet automatisch en nu moet de basiskennis er aan te pas komen. Het volledige adres van het te gebruiken bestand moet nu op de plaats van het woordje "scroll" komen te staan. Bv: "c:documenten.gif"
* Dit script kan nog verder aangepast worden.
Zoek in de "bron" de regel:
direction="up" REM CHANGE SCROLL DIRECTION HERE
Tussen " " ziet u het woord up staan.
Het script kent vier mogelijkheden, up / down / left / right.
up = het plaatje staat links in het venster en scrolt omhoog.
down = het plaatje staat links in het venster en scrolt omlaag.
left = het plaatje staat boven in het venster en scrolt naar links.
right = het plaatje staat boven in het venster en scrolt naar rechts.
Verander eens en ga naar "voorbeeld" om te zien of het gelukt is
Probeer alle mogelijkheden uit.
* Aan de onderzijde van voornoemde regel zie je onderstaande:
sizew=200 REM SCROLLING IMAGE WIDTH HERE
sizeh=200 REM SCROLLING IMAGE HEIGHT HERE
In tegenstelling tot de vorige genoemde getallen (200) zijn deze getallen wel heel belangrijk.
Hier moeten wél de juiste breedte (sizew) en hoogte (sizeh) van het plaatje worden ingevuld, anders vertoont het scrollen rare effecten.
Verander bij 'sizew' het getal 200 en zet daar de juiste breedte van je plaatje,
verander bij 'sizeh' het getal 200 en zet daar de juiste hoogtemaat voor in de plaats.
* Nu moet de tekst er nog ingebracht worden.
Voordat dat aan de beurt is, moeten wij eerst het een en ander juist instellen.
Zoek in de 'Bron' de regels:
body {
font-family: "comic sans ms";
font-weight:regular;
font-size: 12pt;
color: #aa9966;
margin-left: 200px;
margin-right: 5px;
margin-top: 25px;
background-color: #fffff0;
In het menu "Bewerken" zie je een lijn met daaronder de tekst "tekst boven deze lijn". Zorg er altijd voor, dat bij het inbrengen van tekst de cursor boven deze lijn knippert.
Regel na regel zullen wij bovenstaande 'bron'-regels toelichten.
font-family: "comic sans ms";
Hetgeen hier tussen " " staat, is de naam van het lettertype.
Gebruik je altijd een ander lettertype of je wilt eens een ander lettertype uitproberen, selecteer alles tussen " " en plaats daar de exacte naam van het te gebruiken lettertype.
font-weight:regular;
Wanneer je het standaardtype te dun vindt, kunt u hier de naam 'regular' wijzigen in 'bold'.
Het resultaat is dat de letter 'vet' wordt neergezet.
font-size: 14pt;
Hier wordt de puntgrootte van de letter aangegeven.
12pt is het minimum dat je kunt gebruiken, wijzig indien nodig het getal.
color: #aa9966;
De kleur van de letter wordt hier aangegeven.
Wijzig de zes tekens achter '#' wanneer je de letterkleur wilt wijzigen.
margin-left: 200px;
De plaatsing van de eerste letter vanaf de linkerzijde staat hier genoteerd.
Wanneer je een 'up' of 'down' scroll gebruikt, kun je hier het best het getal 200 wijzigen in het getal gelijk aan de breedte van het plaatje plus 10.
Dus als het plaatje 188 pixels breed is, wijzig het getal 200 dan in 198.
Gebruik je een 'left' of 'right' scroll, maak van het getal 200 dan bijvoorbeeld 25.
margin-right: 5px;
Het einde van de regel blijft in dit geval 5 pixels van de rechterzijde.
Wijziging is niet noodzakelijk.
margin-top: 25px;
De eerste tekstregel komt 25 pixels van de bovenrand te staan.
Indien je een 'left' of 'right' scroll gebruikt wijzig dit getal dan in de hoogtemaat van het plaatje plus 10.
background-color: #fffff0;
Je hebt er niet voor gekozen een achtergrondplaatje te gebruiken, maar je wilt een egale kleur als achtergrond, wijzig hier de kleurcode.
In de tab "bewerken" kun je nu de tekst inbrengen.
Het is natuurlijk best mogelijk dat de aanpassingen voor het tekstdeel niet naar je zin zijn. Geen probleem, laat de tekst staan, ga naar de "bron" en wijzig daar de onderdelen zoals eerder beschreven. De aanpassingen worden rechtstreeks doorgevoerd naar de reeds ingebrachte tekst.
Controleer in de tab "voorbeeld" of alles naar wens verloopt en of er nog wijzigingen behoeven.
In deze tab "voorbeeld" zie je ook wat de ontvanger van je mail te zien krijgt, denk dus niet dat hetgeen je in de tab "bewerken" ziet, ook zo wordt ontvangen.
Het script is aangepast voor tekst in de grijze balk onderaan. Verander de tekst "hier" plus "tekst" en "invoegen"
Veel succes !
