Mailchimp背景尺寸的封面

Question

我试图以许多不同的方式制作背景图像的封面，但是Mailchimp似乎删除了那段代码。

如何使这项工作的任何方法。

干杯，迈克尔

Answer 1

Ah Mailchimp。 好吧，在自定义模板中，最好的办法是从字面上做到。 意思是，使用CSS和默认表样式将其添加到表或TD中。

另外，您还必须考虑电子邮件将转到的Outlook用户。

因此，您必须添加一些内容。

让我们从head上方的html标签开始。 首先，最好使用的doctype是XHTML 1.0 Transitional。 现在，我知道您可以使用一个空的html标记并且没有DOCTYPE进行操作，但是您并没有对自己有所帮助。

将<html>更改为<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

这就是说“您正在使用Microsoft。好的，这些规则在哪里？”

接下来，在CSS您需要添加以下内容：

#outlook a{
        padding:0;
    }
    .ReadMsgBody{
        width:100%;
    }
    body{
        width:100% !important;
        min-width:100%;
        -webkit-text-size-adjust:100%;
        -ms-text-size-adjust:100%;
    }
    .ExternalClass{
        width:100%;
    }
    v*{
        behavior:url(#default#VML);
        display:inline-block;
    }

注意v*和#outlook a 。

这样，您便拥有了这些，现在您可以添加背景素材。 在您想要背景的每个表或td中，必须内联添加。 但是，也最好使用xlmns包装器。 这不必是代码，可以将其注释掉，并且仍将其作为备份读取。

<!--[if gte mso 9]>
  <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
  <v:fill type="tile" src="YOURIMAGEPATH.jpg" color="#000000"/>
  </v:background>
  <![endif]-->

<table cellpadding="0" cellspacing="0" border="0" width="600" bgcolor="#000000" background="YOURIMAGEPATH.jpg" style="background-image:url(YOURIMAGEPATH.jpg)">
     <tr>
         <td align="center">
            <!--YOUR CONTENT-->
         </td>
     </tr>
</table>

<!--[if gte mso 9]>
   </v:textbox>
   </v:rect>
<![endif]-->

请注意，整个表是如何包含在该注释部分中的？ 也就是说，基本上，如果您的收件人使用的是Outlook，它将继续进行渲染。

Campaign Monitor也非常漂亮，可以只对table和td执行此操作。 还要记住，您根本不能使用cover或歪曲背景。 只需将其设置为电子邮件的100％即可。

<!--Hopefully not more than 600px-->

Campaign Monitor提供的Backgrounds.cm

Mailchimp背景尺寸的封面

问题描述

1 个解决方案

解决方案1
2 2017-01-12 00:35:25

Mailchimp背景尺寸的封面

问题描述

1 个解决方案

解决方案1 2 2017-01-12 00:35:25

解决方案1
2 2017-01-12 00:35:25