|
Odette V. vroeg mij of ik hier niet kon uitleggen hoe zij met Outlook Express in een e-mailtje een korte tekst kon laten scrollen van rechts naar links over de pagina.
Zo een lichtkrant-effect kunt u programmeren in HTML (Hyper Text Markup Language). We maken een eenvoudig voorbeeld:
1. Klik in Outlook Express op de knop Nieuw bericht en eventueel maximaliseer het venster. Voor zover nog nodig, klik op het menu Opmaak en in het uitschuifmenu op Rich Text (HTML). Heeft u onderaan het venster de werkbalk met de drie tabbladen Bewerken, Bron en Voorbeeld niet, klik dan op het menu Beeld en daarin op Bronbewerking. (Op dezelde manier kunt u later deze werkbalk weer laten verdwijnen).
2. Klik nu op het tabblad Bron. De HTML van uw nog leeg mailtje verschijnt in beeld. Op de voorlaatste lijn ziet u de tekst <BODY>. Klik achter deze tekst zodat uw cursor daar staat en klik op de Entertoets voor een nieuwe regel.Typ nu <MARQUEE>LICHTKRANT</MARQUEE>
3. Klik op het tabblad Voorbeeld. U ziet nu dat op de eerste lijn de tekst LICHTKRANT van links naar rechts over uw scherm loopt. Wij gaan nu de tekst aanpassen en opmaken.
4. Klik op het tabblad Bewerken. Als u nu met uw muis op de tekst LICHTKRANT wijst, verandert de muisaanwijzer in een pijl naar de 4 zijden. Dubbelklik op de tekst en er verschijnen vierkante grepen en een lichtgrijze kader. Selecteer al slepend met de muis de tekst (dat gaat het gemakkelijkste van achteren naar voren). De tekst LICHTKRANT staat nu negatief. Kies met behulp van de werkbalk eerst het Lettertype, de Tekengrootte, Vet en of Cursief en Tekstkleur. Typ dan de gewenste tekst voor uw lichtkrant. Klik om het resultaat te zien op het tabblad Voorbeeld. Ga weer naar Bewerken om de rest van uw e-mail af te werken.
De lichtkrant die ik hieronder plaatste, ziet er in HTML zo uit:
<MARQUEE><FONT face="Arial Black" color=#0000ff size=4>BEDANKT ODETTE VOOR DE LEUKE SUGGESTIE - SUCCES MET DE LICHTKRANT</FONT></MARQUEE>
U kunt de HTML code nog verder aanpassen. Hierbij enige suggesties:
1. Met de uitlijning ALIGN= kunt u bepalen hoe de tekst naast een plaatje komt. U kunt kiezen voor TOP, MIDDLE of BOTTOM.
2. HSPACE="waarde in pixels" die vrij moeten gehouden worden links en rechts van de scrolltekst.
3. VSPACE= "waarde in pixels" die vrij moeten gehouden worden boven en onder de scrolltekst.
4. BGCOLOR=kleur. Als achtergrond voor uw scrolltekst kiest u een kleur. U kunt een HEX-code gebruiken maar ook een engelse kleurbenaming. Bv. <MARQUEE bgcolor=yellow> ACHTERGRONDKLEUR=GEEL </MARQUEE>
5. WIDTH=waarde in pixels of percentage van de beschikbare breedte. Standaard=100%.
6. HEIGHT=waarde in pixels bepaalt de hoogte van de achtergrondkleur. Bv. <MARQUEE bgColor=red height=40>HOOGTE VAN RODE ACHTERGROND=40</MARQUEE>
7. Ook leuk als effect is BEHAVIOR=alternate. Uw lichtkrant gaat dan heen en weer. Bv. <MARQUEE behavior=alternate width=300 bgColor=yellow>HEEN EN WEER</MARQUEE>
8. Met DIRECTION= kunt u de looprichting van uw lichtkrant bepalen. Left is de standaard. Maar ook Right kan. Bv. <MARQUEE direction=right>NU KOMT HIJ VAN LINKS</MARQUEE>
9. Met SCROLLAMOUNT=waarde in pixels kunt u bepalen hoeveel pixels uw lichtkrant schuift. Bv. <MARQUEE scrollAmount=1 bgColor=yellow>DIT GAAT TE TRAAG?</MARQUEE>
10. En als wij dat nu eens toepassen met een van onze animated gifs?
|
