Naamloos document

Prettige Feestdagen
en een Gelukkig Nieuwjaar!

Een ideetje voor het versturen van Kerst en Nieuwjaarswensen
Kan met Outlook Express worden opgemaakt en verzonden
Het effect wordt goed weergegeven in Windows Live Hotmail
maar niet in Postvak-in van Gmail en Yahoo

Een kersttafereeltje bestaande uit lichtkranten

*****************************

Voor het weergeven van dit kersttafereeltje wordt gebruik gemaakt van een foto of plaatje, dat als achtergrond fungeert in een tabel, waarop meerdere lichtkrachten zijn aangebracht, telkens elk voorzien van een gifplaatje (sneeuwvlokje).
Bij het opmaken van de hiernavolgende html code werden de afmetingen van bovenstaand achtergrondplaatje gebruikt, zijnde 640 px breed en 480 px hoog.
Deze afmetingen dienen in de html code vervangen te worden door de afmetingen van uw plaatje

Upload een zelfgemaakte foto of plaatje naar een free file hosting provider, zoals o.a. Imageshack.us of Tinypic.com , zodoande een internetadres (URL) te bekomen voor uw plaatje.
De URL van het gifplaatje zelf werd reeds door mezelf in de code aangebracht en kan je vrij gebruiken

Noteer hoeveel pixels uw kerst-of nieuwjaarsplaatje hoog en breed is.
Klik en lees meer op: http://blog.seniorennet.be/blogtips/archief.php?ID=4

Open in Outlook Express een "Nieuw bericht"

Klik bovenaan op "Beeld" en zorg dat er een vinkje staat bij "Bronbewerking", zodat onderaan het berichtvenster (zie afb. 3) de knoppen "Bewerking", "Bron" en "Voorbeeld" aan staan

bronbewerking
afbeelding 1

Selecteer en kopieer de html code in onderstaand tekstveld:

<table width="775" border="8" cellspacing="6" cellpadding="30" bgcolor="#e7a862" bordercolor="#336454" bordercolordark="#A11D0A" bordercolorlight="#5B7E2A" align="center">
   <tr>
     <td>
          
  <div align="center">
   <table width="640" border="0" cellspacing="1" cellpadding="1" height="480" background="http://xmasbg/winterlandschap640480.jpg" bgcolor="#8dabf2">            
    <tr>
    <td valign="top" align="center">
      <marquee scrollamount=3 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif"> 
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollamount=6 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollamount=4 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollamount=2 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollamount=5 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollamount=4 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollamount=3 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollamount=6 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollamount=4 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollamount=2 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollamount=5 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollamount=3 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollamount=6 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollamount=4 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollamount=5 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee>
            </td>
          </tr>
        </table>
              
  <br>  
  <p><img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">  Prettige Feestdagen  
     <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
  <br>en een Gelukkig Nieuwjaar!<p></p>
            </div>
            
       </td>
     </tr>
   </table>

<table width="775" border="8" cellspacing="6" cellpadding="30" bgcolor="#e7a862" bordercolor="#336454" borderColorDark="#A11D0A" borderColorLight="#5B7E2A" align="center">
   <tr>
     <td>
          
  <div align="center">
   <table width="640" border="0" cellspacing="1" cellpadding="1" height="480" background="http://xmasbg/winterlandschap640480.jpg" bgcolor="#8dabf2">            
    <tr>
    <td valign="top" align="center">
      <marquee scrollAmount=3 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif"> 
      </center></marquee></center></td>
    <td valign="top" align="center">
      <marquee scrollAmount=6 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollAmount=4 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollAmount=2 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollAmount=5 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollAmount=4 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollAmount=3 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollAmount=6 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollAmount=4 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollAmount=2 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollAmount=5 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollAmount=3 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollAmount=6 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollAmount=4 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee></td>
    <td valign="top" align="center">
      <marquee scrollAmount=5 direction=down width=30 height=460>
      <center>
      <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
      </center></marquee>
            </td>
          </tr>
        </table>
              
  <br>  
  <p><img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">  Prettige Feestdagen  
     <img src="http://img256.imageshack.us/img256/9245/sneeuwvlok2528hn1.gif">
  <br>en een Gelukkig Nieuwjaar!</p>
            </div>
            
       </td>
     </tr>
   </table>

Klik onderaan het tekstvenster op de knop Bron en plak de code tussen <div> en </div>

bron
afbeelding 3

Vervang in de code de tekst "Hier_URL_afbeelding" in de 2e tabel door het internetadres (URL) van uw plaatje.
Een URL begint met http://

Indien uw plaatje geen 640px breed en 480px hoog is, vervang eveneens in de 2de tabel bij width="640" de waarde 640 door het aantal pixels van uw plaatje. Doe hetzelfde voor de hoogte bij height="480".
Vervang eveneens in elke marquee code bij height="460" de waarde 460 door de hoogte (het aantal px) van uw plaatje verminderd met ongeveer 20 px

Klik onderaan op de knop "Voorbeeld" om de lichtkranten te zien functioneren en het resulhet resultaat te bekijken

De tekstgrootte

Prettige Feestdagen
en een Gelukkig Nieuwjaar!