Diskuze: HTML/CSS mail
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Mám jeden WP plugin, který je zaměřený právě css/html v mailu. Musím říct, že práce je s tím požehnaně a na nějaké extra prvky rovnou můžeš zapomenout. Vše co může použít je jen pár základních stylů + obrázky. Vše musíš stylovat do samotného html což je dost otrava. Zápis by mohl vypadat nějak takto: (Upozorňuje že kod je v php protože to používám, pro automatické zasílaní, věřím že si v tom najdete co potřebujete)
/* ----- kódovaní pro email ----- */
$Headers = "MIME-Version: 1.0 \r\n";
$Headers .= "Content-type: text/html; charset=utf-8 \r\n";
$Headers .= "From: [email protected]";
$Message = "
<html>
<head>
<meta charset='utf-8'>
</head>
<body>
". $Obsah ."
</body>
</html>";
/* ----- obsah ----- */
(můj výmysl, můžete udělat jakkoliv jinak)
$CSS['wrap'] = "position:relative;margin:0 auto;width:800px;";
$CSS['perex-wrap'] = "float:left;width:800px;height:170px;margin-bottom:5px;";
$CSS['img-link-style'] = "float:left;width:220px;max-height:170px;min-height:170px;";
$CSS['img-style'] = "width:220px;max-height:170px;min-height:170px;";
$CSS['text-wrap'] = "float:left;width:580px;height:auto;";
$Obsah = "
<div style='". $CSS['perex-wrap'] ."'>
<a href='' style='". $CSS['img-link-style'] ."'>
<img src='' style='". $CSS['img-style'] ."'>
</a>
<div style='". $CSS['text-wrap'] ."'>
<a href='' style='". $CSS['name-style'][0] ."'></a>
<br />
<span style='". $CSS['text'][0] ."'></span>
<div style='". $CSS['info-wrap'][0] ."'>
<span style='". $CSS['info'] ."'></span>
<span style='". $CSS['info'] ."'></span>
</div>
</div>
</div>";Hlavní pointou je to, že vše je stylování ke každému prvku zvlášť.
Já si třeba vytvořím návrh třeba v nějakém online editoru a poté to
přenesu do kodu, ale naházím si to do proměnných pro ulehčení. Snad
pomůže. 
Neaktivní uživatel:14.8.2014 12:32
Font a stylování by neměli být problém. Nejlépe to bude vyzkoušet v
Outlooku, mělo by to normálně fungovat
Zobrazeno 8 zpráv z 8.