Question

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

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

干杯，迈克尔

Answer 1

啊，Mailchimp。好吧，在自定义模板中，最好的办法就是完全放弃。含义，使用CSS和默认的表格样式将其添加到表格或TD中。

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

所以你必须添加一些东西。

让我们从html上方的head标记开始。首先，使用的最佳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">

这将说＆＃34;您正在使用Microsoft。好的，这些规则在哪里？＆＃34;

接下来，在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等。

所以你有那些，现在你可以添加背景的东西。在 EACH 表或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，它将继续呈现背景。

对于table和td，Campaign Monitor也非常有效。还要记住，你根本不能使用cover或倾斜背景。只需将您的电子邮件设为100％即可。

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

Backgrounds.cm by Campaign Monitor

Mailchimp背景大小的封面

1 个答案: