čtvrtek 12. března 2015

Šablona Html Emailu

Každý správný kodér ví že používat inline CSS zápis v HTML je hřích. Že je potřeba minimálně všechny css styly vyčlenit do hlavičky html souboru. Ti lepší znás je dají do seperátního *.css souboru. Naopak je tomu ale pokud se snažíte vytvořit HTML šablonu pro e-mail.

  • Nepřipojíte externí stylesheet
  • Styly v hlavičce budou ignorovány
  • Jediné co Vás zachrání je přidat styl na jednotlivé tagy
  • S pseudotřídami jako je hover nad odkazem se také rozlučte. Inline řešení :hover{...} nefunguje (http://stackoverflow.com/questions/1033156/how-to-write-ahover-in-inline-css)
Pokud chcete do šablony vložit obrázek, použíjte tag HTML a absolutní adresu na vašem serveru.
Jak se e-mail zobrazí v Gmailu

Jak se e-mail zobrazí v Outlooku
Jak se e-mail zobrazí v IceWarp web klientu

To že se vaše šablona zobrazuje s vybroušeným CSS3 designem na gmailu je hezké, ale zkuste si ji odeslat na firemní e-mail a otevřít v outlooku. Uaaa hodiny a hodiny hraní si s kulatýma rohama a floatováním je v ....
  • Kulaté rohy
  • Float

Inspiraci si vezměte z e-mailů které vám posílá třeba Microsoft. Tabulkový layout jak z doby kamenné.


<table align="center" width="800" border="0" cellpadding="0" cellspacing="0" style="width:800px">
...
</table>

Zdroje:
http://zurb.com/

Žádné komentáře:

Okomentovat