Обложка размера фона Mailchimp

Я попытался сделать обложку фонового изображения разными способами, но Mailchimp, кажется, удаляет этот фрагмент кода.Обложка размера фона Mailchimp

Любой подход к тому, как это сделать.

Приветствия, Майкл

источник

2017-01-11 Medes

Когда вы говорите, он удаляет его, в какой момент вы заметили? Это после отправки тестовой почты, или это после просто нажмите «Далее»? Поскольку несколько почтовых клиентов не поддерживают его, это может быть проблемой и объяснить, почему он удаляется. – Lag

Ах 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-->

Backgrounds.cm by Campaign Monitor

источник

2017-01-12 00:35:25 scoopzilla

Обложка размера фона Mailchimp

ответ

Смежные вопросы