2017-01-11 202 views
1

我試圖以許多不同的方式製作背景圖片封面,但Mailchimp似乎刪除了這段代碼。Mailchimp背景大小的封面

關於如何使這項工作的任何方法。

乾杯, 邁克爾

+0

當你說這刪除它,在什麼時候,你注意到了嗎?是在發送測試郵件之後,還是在點擊下一步後?由於許多電子郵件客戶端不支持它,這可能是問題並解釋了爲什麼它被刪除。 – Lag

回答

2

啊Mailchimp。那麼,在自定義模板中,最好的做法是從字面上做到這一點。意思是,將它添加到表格或TD與CSS和默認表樣式。

此外,您還必須考慮您的電子郵件將轉到的Outlook用戶。

所以你必須添加一些東西。

讓我們從head上面的html標籤開始。首先,要使用的最佳文檔類型是XHTML 1.0 Transitional。現在我知道你可以用空html標籤和NO 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">

這會說「你正在使用微軟好吧,那些人在那裏規則?」

下關,在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,它將繼續並呈現背景。

運動監視器也做了一個非常漂亮的做到這一點tabletd。請記住,您不能使用cover,或者根本不使用背景。只要使它成爲你的電子郵件的100%大小。

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

Backgrounds.cm by Campaign Monitor

相關問題