J'ai essayé de faire une couverture de l'image de fond de nombreuses façons, mais Mailchimp semble supprimer ce morceau de code.Mailchimp couverture de taille de fond
Toute approche sur la façon de faire ce travail.
Cheers, Michael
Ah Mailchimp. Eh bien, dans les modèles personnalisés, la meilleure chose à faire est littéralement faire tout. Signification, ajoutez-le à la table ou TD avec CSS et le style de table par défaut.
Aussi, vous devez prendre en compte les utilisateurs d'Outlook que votre email ira à.
Alors vous devez ajouter quelques petites choses.
Commençons par l'étiquette html au-dessus du head. Tout d'abord, le meilleur doctype à utiliser est XHTML 1.0 transitionnel. Maintenant, je sais que vous pouvez faire un avec une balise html vide et sans DOCTYPE, mais vous ne vous faites pas de faveurs.
changement <html>-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
Cela va dire « Vous utilisez Microsoft. D'accord, où sont ces règles? »
successive, dans le CSS vous devez ajouter ceci:
#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;
}
attention à ceux comme v* et #outlook a.
Alors vous avez ceux-ci, et maintenant vous pouvez ajouter les choses pour l'arrière-plan. Dans CHAQUE table ou td que vous voulez un fond, vous devez l'ajouter en ligne. MAIS c'est une bonne pratique d'utiliser AUSSI un wrapper xlmns. Cela ne doit pas être du code, il peut être commenté et sera toujours lu comme une sauvegarde.
<!--[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]-->
Vous remarquez comment la table entière est encapsulée dans cette section commentée? Cela dit que, fondamentalement, si votre destinataire utilise Outlook, il va aller de l'avant et rendre l'arrière-plan. Moniteur de campagne fait un très bon aussi pour faire juste cela à table et td. Rappelez-vous aussi que vous ne pouvez PAS utiliser cover ou incliner l'arrière-plan du tout. Faites en sorte que la taille de votre courriel soit de 100%.
<!--Hopefully not more than 600px-->
Quand vous dites qu'il supprime, à quel moment avez-vous remarqué? Est-ce après avoir envoyé un mail de test, ou est-ce après simplement cliquer sur Suivant? Comme un certain nombre de clients de messagerie ne le supportent pas, ce qui pourrait être le problème et expliquer pourquoi il est supprimé. – Lag