Předem tohoto článku chci upozornit, že na těchto stránkách najdete také snadné úpravy fotografií, různé efekty, retuše a jiné triky pro Adobe Photoshop a najdete je zde.
To, že je Outlook express 2010 nejrozšířenějším emailovým klientem (proboha proč) není potřeba rozebírat. Myslí si to bohužel i klienti a nejen oni. Ikdyž je tento článek trošku offtopic našeho serveru, je tu proto, aby vám ušetřil hodně času, pokud byste někdy řešili podobný požadavek na vytvoření html e-mailu s obrázkem na pozadí. Podmínka klienta byla, že se musí vše dobře zobrazit hlavně na Outlooku 2010. A jelikož platí – náš zákazník – náš pán jdeme na to :-). Připomeneme si v krátkosti o jaký problém v Outlooku 2010 a nejenom v této verzi jde.
Html mail s obrázkem na pozadí Outlook nechce zobrazit
Ano je to tak. Ať zvolíte starý nebo nový zápis html outlook se tváří, že jste na pozadí prostě zapomněli. Je to věc na webu celkem známá a velmi diskutovaná. Mnoho lidí se s touto skutečností prostě smířilo a udělali html email tak, aby se umístění pozadí vyhnuli. Já osobně preferuji asi taky tuto variantu, ale popíšu vám dnes řešení, jak pozadí v outlooku zobrazit pomocí “vml” kódu.
Co se týká všeobecného návrhu emailu je známo, že je lepší používat pouze tabulkový layout. Mám to odzkoušené na thunderbird (kde mimo jiné funguje i krásně CSS) outlooku i na mnoha freemailových serverech jako je seznam, atlas, gmail, hotmail aj. Pokud je to možné, tak se vyvarujte stylizování a pozicování. Pokud už používat styly, tak vše vytvářejte do tzv. inline stylů. Nevýhodou tohoto řešení je velmi nečistej kód (slušně řečeno).
Zde je kód, který vyřeší problém se zobrazením pozadí v outlooku. Jde vlastně o zápis pro různé verze emailových klientů. V místě kde je napsána url adresa k obrázku na našem serveru musíte nahradit za cestu k vašemu pozadí, které má být ve vašem html mailu. Vždy ho nahrajte v plném formátu tzn. v našem příkladu je to obrázek v rozměru 800px na šířku a 1250 na výšku.
A toto dejte úplně na konec.
Když byste potřebovali poradit, neváhejte mě kontaktovat v diskusi pod článekem