We gaan nu diverse lichtkranten maken van eenvoudig naar een beetje moeilijker. Om de kans op typfouten klein te houden kun je de desbetreffende regel kopiëren en plakken in de Bron, voor de </body>tag. 

1. Lichtkrant die naar links scrollt.

Open een nieuw bericht en ga naar de bron. Zoek de </body>tag en vul in:

        <marquee>xxx</marquee>

Maar in plaats van xxx de tekst die in de lichtkrant moet komen te staan. De rode tekst moet tussen < > staan.

Nu heb je een lichtkrant gemaakt. Klik je nu op het tabblad Voorbeeld dan zie je de tekst van rechts naar links over het scherm schuiven. Ga je nu naar het tabblad bewerken, en klik met rechts op de tekst. Kies alles selecteren.Je kunt nu eventueel andere kleuren, lettertypes, lettergroottes of vet kiezen. Ook kun je op de plaats waar de cursor staat een plaatje invoegen op dezelfde wijze als je anders een plaatje in een bericht invoegt.

2. Lichtkrant die naar rechts scrollt.

Hetzelfde als hierboven, maar nu vul je in:

<marquee direction="right">xxx</marquee>

Je kunt ook eventueel voor "up" of "down" kiezen

3. Lichtkrant die naar links schuift.

Hetzelfde als onder 1, maar nu vul je in:

<marquee behavior="slide">xxx</marquee>

4. Lichtkrant die naar rechts schuift.

Hetzelfde als onder 1, maar nu vul je in:

<marquee behavior="slide"direction="right">xxx</marquee>

5. Lichtkrant heen en weer

Hetzelfde als onder 1, maar nu vul je in:

<marquee behavior="alternate">xxx</marquee>

6. Lichtkrant met een aangepast aantal bewegingen.

Hetzelfde als onder 1, maar nu vul je in:

<marquee loop="5">xxx</marquee>

(5 is hier een willekeurig gekozen aantal)

7. Lichtkrant die langzamer gaat.

Hetzelfde als onder 1, maar nu vul je in:

<marquee scrollamount="2" scrolldelay="200">xxx</marquee>

(Hoe hoger het getal achter scrolldelay des te langzamer de tekst schuift.)
 

8. Lichtkrant die sneller gaat.

Hetzelfde als onder 1, maar nu vul je in:

<marquee scrolldelay="20">xxx</marquee>

(Hoe lager het getal achter scrolldelay des te sneller de tekst schuift.)

9. Lichtkrant met gekleurde achtergrond.

Hetzelfde als onder 1, maar nu vul je in:

<marquee bgcolor="#FF0000">xxx</marquee>

(FF0000 is een HTML-kleurcode en kan vervangen worden door elke andere geldige kleurcode)

 
10. Lichtkrant met een plaatje.

Hetzelfde als onder 1, maar in plaats van tekst voeg je hier een plaatje in (gif of jpg) én het pad naar het plaatje.
De makkelijkste manier is om eerst het plaatje in te voegen via Invoegen > Figuur en daarna in de bron de aanpassingen te doen:

<marquee><img src="c:\plaatjes\plaatje.gif" ></marquee>

Wil je een rand om je lichtkrant, zoals hierboven dan heb je dit script nodig. Kopiëren en in de bron plakken, voor de </body>tag 

<MARQUEE 
style="BORDER-RIGHT: rgb(200,20,136) 10px ridge; BORDER-TOP: rgb(200,20,136) 10px ridge; FONT-SIZE: 20pt; BORDER-LEFT: rgb(200,20,136) 10px ridge; COLOR: rgb(0,0,128); BORDER-BOTTOM: rgb(200,20,136) 10px ridge; FONT-FAMILY: Tahoma" 
scrollAmount=2 scrollDelay=125 direction=up width="100%" height=100 align="left" 
border="0"> hier de tekst</MARQUEE>

Hier kun je vervolgens wijzigingen in aanbrengen, wat betreft  de kleur, de dikte, en/of de grootte van de rand, het lettertype en de scrollrichting en snelheid. Gewoon wat mee spelen en ontdekken.

Terug