1
Я попытался сделать обложку фонового изображения разными способами, но Mailchimp, кажется, удаляет этот фрагмент кода.Обложка размера фона Mailchimp
Любой подход к тому, как это сделать.
Приветствия, Майкл
A
ответ
2
Ах Mailchimp. Ну, в пользовательских шаблонах лучшее, что нужно сделать, это буквально ДЕЛАТЬ ВСЕ. Значение, добавьте его в таблицу или ТД с помощью CSS и стиль таблицы по умолчанию.
Также вы должны учитывать пользователей Outlook, к которым будет обращаться ваша электронная почта.
Так что вам нужно добавить несколько вещей.
Начнем с тега html выше head. Во-первых, лучший тип doctype для использования - XHTML 1.0 переходный. Теперь я знаю, что вы МОЖЕТЕ сделать один с пустой тег 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">
Это будет сказать: «Вы используете 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.
У вас есть эти, и теперь вы можете добавить материал для фона. В таблице EACH таблице или т. Д., Что вам нужен фон, вы должны добавить его в строку. BUT также рекомендуется использовать обертку 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-->
Когда вы говорите, он удаляет его, в какой момент вы заметили? Это после отправки тестовой почты, или это после просто нажмите «Далее»? Поскольку несколько почтовых клиентов не поддерживают его, это может быть проблемой и объяснить, почему он удаляется. – Lag