Laat een berichtje achter als je vragen hebt over deze post.
Hoe een achtergrond toevoegen aan een email met Outlook Express: Achtergrond afbeeldingen in Outlook Express
Voor webmasters die meer willen weten over hoe je met HTML achtergronden kan invoegen en meesturen, volg de instructies in mijn blog post “HTML e-mail met achtergronden (voor Outlook)”
Voor je begint met HTML nieuwsbrieven te versturen moet je toch eerst dit even lezen:
7 reasons why HTML e-mail is EVIL!!!. Indien alles goed is doorgedrongen en het onderzoek naar de mogelijkheden van de ontvangers is afgerond, kan volgende informatie van pas komen.
De nieuwsbrief die ik ontworpen heb was bestemd om binnen een bedrijf verstuurd te worden naar Outlook 200 email clients. Sa far, so good
HTML weergeven met Outlook hangt af van de mogelijkheden van de IE-engine die is geïnstalleerd. Achtergronden gebruiken met de css eigenschap background-image hangt dus af van het feit of je IE5 of hoger hebt geinstalleerd.
Omdat de mogelijkheden van de e-mail clients zeer beperkt zijn, kan je best de volgende basisregels in acht nemen:
- Gebruik alleen CSS1, geen positionering van de elementen met CSS
- Gebruik eenvoudige tabellen om het document te structureren
- Gebruik alleen inline style. Sommige webbased e-mail clients verwijderen stijl informatie in het HEAD element.
In de volgende stap maak je je html document klaar. Ik heb een voorbeeld document aangemaakt waarin enkele achtergronden worden gebruikt.
Het probleem is dat je met Outlook niet zo makkelijk de HTML in de mail krijgt zonder dat dit intelligente programma je code onbemoeid laat.
Normaal gezien gebruik je de volgende regel om achtergronden toe te wijzen aan een element
p{
background-image: url(./path/to/image.jpg);
}
Als je de beelden wil meesturen moet je echter een andere protocol grbuiken om aan te wijzen waar Outlook het bestand kan vinden. Het wordt dan dit:
p{
background-image: url(cid:newsletter4_03.jpg)
}
In Outlook kan je een template instellen via de volgende weg:
- Tools > Options > Mailformat
- Stationary Picker
- New > vul een naam in: newsletter bvb. > Use this file as template
- browse naar het bestand en dubbel-klik > Next
- Optie “Do not include a background in this stationary” aanvinken > Ok, Ok, Ok
- Actions > New mail messageusing stationary > newsletter
Nu heb je een nieuwe e-mail, echter zonder achtergronden. De volgende stap is de beelden toevoegen.
- Insert > File > Alle nodige bestanden selecteren en toevoegen
Nu heb je een aantal attachments maar nog steeds geen achtergronden. Doe het volgende
- File > Properties
- Send options > selecteer MIME type
Als alles goed gaat heb je nu de achtergronden die je nodig hebt. Om het werk af te ronden en om de mail door te kunnen sturen naar een editor kan je het bestand als template (oft) bewaren om makkelijk te bewerken.