Lichtkrant, rollende of bewegende tekst toevoegen aan een pagina

Hoe voeg ik een lichtkrant toe aan een pagina van mijn website? Met dit stappenplan lukt het jou in minder dan een kwartier...

Stap 1 Ga naar deze lichtkrant-generator. Typ in het vak bovenaan (rode 1 in afbeelding hieronder) de tekst die je wilt zien lopen op de pagina, en bepaal (er net onder) of de tekst van rechts naar links moet lopen (wat makkelijker leest), of andersom.

Ik liet links staan: dus deze tekst loopt van links naar rechts.

Stap 2 Laat je dit vakje (rood cijfer 2 hieronder) leeg, dan blijft de tekst steeds opnieuw terugkomen. Je kan ook beslissen om de tekst een beperkt aantal keer te laten lopen: daarna blijft de tekst stilstaan, maar wel zichtbaar.
lichtkrant maken met generator

Stap 3 Hoe lager je cijfer, hoe sneller de tekst loopt.
Dit is snelheid 1000
Dit is snelheid 10

Stap 4 Wat je instelt bij vertraging, zorgt ervoor dat de tekst even weg blijft, voor die terug komt. In onderstaand voorbeeld is 1000 ingesteld: je merkt duidelijk dat de tekst eventjes helemaal niet te zien is...Hier staat de vertraging op 1000.

Stap 5 Hier heb je drie keuzes:

slide= de tekst rolt en zodra de eerste letter de linkerkant bereikt heeft, is de tekst volledig weg en komt de tekst terug van rechts:Dit is slide: de tekst verdwijnt plots volledig en begint opnieuw in te laden...

scroll= de tekst rolt volledig door, tot de laatste letter. Dan pas start het lopen van de tekst terug:Dit is scroll: de tekst verdwijnt letter per letter op de zijkant...

alternate (beter NIET gebruiken want werkt niet in de Chrome-browser)= tekst laadt in, letter per letter, en blijft dan volledig zichtbaar maar botst tegen de kant en gaat naar de andere kant:Dit is alternate (als hij werkt....)

Stap 6 540 is de ideale breedte op onze websites. Meer is onzichtbaar, minder zorgt dat de lichtkrant niet over de volldige breedte te zien is...

Stap 7 Lettertype kiezen.

Stap 8 Hoe groot wil je de tekst?Dit is tekst van 30 punten groot.

Stap 9 Door op de knop 'genereer' te klikken, maak je de code aan in het vak.

Stap 10 Met deze knop selecteer je de volledige code.

►Let op: nu moet je die ook nog kopiëren, door op Ctrl+c te klikken op je toetsenbord!

Stap 11 Door op voorbeeld te klikken, krijg je in een leeg tabblad te zien hoe je lichtkrant beweegt.

Niet ok? Breng wijziging aan en vergeet niet terug op de 'genereer'-knop te klikken, te selecteren en te kopiëren.