Hvordan bruke bakgrunnsbilder i en HTML-e-post

Hvordan bruke bakgrunnsbilder i en HTML-e-post


E-postmeldinger har kommet en lang vei siden de tidlige dagene av Internett, da de var bare ren tekst. Moderne e-postprogrammer kan gjengi HTML som en vanlig nettside, noe som gjør det mulig å designe og dekorere e-postmeldinger for å passe din merkevare, eller bare for moro skyld. Du kan style din epost HTML ved hjelp av vanlig CSS, eller Cascading Style Sheets, men inkludert et bakgrunnsbilde kan vise seg vanskelig med mindre du vet hvor bildet er lagret på Internett.

Bruksanvisning

1 Bestem et bilde som skal brukes, og laste det opp til en webserver, så det er offentlig tilgjengelig. Betrakteren skal kunne bruke en nettleser for å skrive inn URL-adressen for bildet og se det på den måten.

2 Kopier og lim inn følgende kode inn i toppen av e-post:
<Style type = "text / css">
body {background-image: url ();}
</ Style>

3 Gå til den delen av koden fra trinn 2 som sier "url ()" og sette inn nettadressen til bakgrunnsbildet som skal brukes mellom parentesene. For eksempel kan du skrive "url (http://www.mysite.com/images/email-background-image.jpg)."

Hint

  • Det er mulig å bruke bilder fra nettsteder som ikke tilhører deg, men dette anbefales ikke. Dette vil i hovedsak være å stjele fra denne nettsiden, og det er en risiko for at bildet kan endres til noe upassende for e-postmottakere.