Clean Template with background image

Show us your phpList site

Clean Template with background image

Postby mredant » 9:47pm, Thu 18 Jun, 2009

Just for you guys who need a bit of help making their own template;

be free to take the one I just made
and addapt it as needed.
Be sure to respect the image-width


Press the "Code"-button in the template-window and insert this code.
please replace every image with your own, just for releaving my server-bandwith.

thx
have fun!

Code: Select all
<p style="text-align: center;"><style type="text/css">
div#wrap a, div#footer a {
    color: #ad581e;
}
div#wrap a:hover, div#footer a:hover {
    text-decoration: none;
}
</style></p>
<table cellspacing="0" cellpadding="0" border="0" background="http://www.jhchaos.be/mailinglist/template_image_maarten/back_news.jpg" align="center" width="600" style="">
    <tbody>
        <tr>
            <td>
            <p style="text-align: center;"><img align="middle" src="http://www.jhchaos.be/mailinglist/template_image_maarten/header_news.jpg" alt="" /></p>
            </td>
        </tr>
        <tr>
            <td style="text-align: center;">
            <table height="19" cellspacing="0" cellpadding="0" border="0" align="center" width="590" style="">
                <tbody>
                    <tr>
                        <td style="text-align: center;"><span style="color: rgb(255, 255, 255);"><span style="font-size: small;"><span style="font-family: Verdana;">&nbsp;[CONTENT]</span></span></span></td>
                    </tr>
                </tbody>
            </table>
            <p style="text-align: center;">&nbsp;</p>
            </td>
        </tr>
        <tr>
            <td>
            <p style="text-align: center;"><img align="middle" src="http://www.jhchaos.be/mailinglist/template_image_maarten/Footer_news.jpg" alt="" /></p>
            </td>
        </tr>
    </tbody>
</table>
<div style="margin: 0px auto; padding: 0px; width: 609px; height: 40px; text-align: left;" id="wrap">
<div style="border-top: 1px solid rgb(189, 182, 176); border-bottom: 1px solid rgb(189, 182, 176); margin: 0px; padding: 0px; overflow: hidden; width: 608px; height: 59px; text-align: center;" id="header">
<p style="text-align: center;"><span style="font-size: smaller;"><span style="font-family: Verdana;">Hou u vooral niet in om onze mailing door te sturen naar amigos via [FORWARD] !</span></span></p>
<p style="text-align: center;"><br />
<span style="font-size: smaller;"><span style="font-family: Verdana;">Ben je niet goed in je hoofd en wil je deze nieuwsbrief niet meer ontvangen, volg&nbsp;[UNSUBSCRIBE]</span></span></p>
</div>
</div>
mredant
phpList newbie
 
Posts: 3
Joined: 10:21am, Fri 30 Jan, 2009

Re: Clean Template with background image

Postby MAthiou » 3:58pm, Wed 24 Jun, 2009

Hi,

Nice, but it seems you have the same issue as me: with Outlook, the grey background image does'nt appear... Altough the link is absolute, it not loaded...
So here's a SOS: anyone can help :)
MAthiou
phpList newbie
 
Posts: 1
Joined: 3:55pm, Wed 24 Jun, 2009

Re: Clean Template with background image

Postby H2B2 » 8:47am, Thu 25 Jun, 2009

Since Outlook 2007, Microsoft is using the Word rendering engine for displaying email, and has stopped supporting a substantial number of standard HTML tags and CSS style directives. I believe the use of background images, either in HTML or CSS, is included in the list of unsupported tags in Outlook/Word.

You might check this:
-Microsoft Breaks HTML Email Rendering in Outlook 2007
-Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007
-Word 2007 Cascading Style Sheet Specification

I'd also suggest reading these articles on how commonly used email clients and webmail providers treat HTML and CSS in emails:
http://www.xavierfrenette.com/articles/ ... n-webmail/
http://www.campaignmonitor.com/css/

See also:
http://docs.phplist.com/TemplatesInfo
viewtopic.php?p=48867#48867
H2B2
Moderator
 
Posts: 7188
Joined: 1:51am, Wed 15 Mar, 2006


Return to Showcase

Who is online

Users browsing this forum: No registered users and 1 guest