Пожалуйста, не спамьте, а присылайте конкретное предложение!
1. Цена
2. Сроки
3. Кейсы/Портфолио
Необходимо сверстать шаблон для e-mail рассылки. Соответственно, необходим специалист, имеющей опыт в верстке писем.
В приложении Вы можете найти два макета:
- для отображения рассылки на компьютерах и планшетах
- для отображение объектной рассылки на мобильном устройстве.
Рекомендации для изготовления шаблона:
1. Ширина макета для письма на компьютерах и планшетах должна быть не шире 600 px, а на мобильных устройствах – 300 px;
2. Стили необходимо применять непосредственно к тегам, т.е используем только inline-стили
3. Писать CSS в тегах head и body запрещено
4. Верстка должна быть адаптивной: при изменении ширины экрана устройства размер нашего письмо автоматически подстраивается. Внутренние блоки, которые располагаются горизонтально, при нехватки места прыгают друг под друга, таким образом все элементы письма, которым не хватает, будут уходить вниз.
Для этого весь контент необходимо обернуть тегом center: <center style="max-width: 600px; width: 100%;">
Если по горизонтали находится больше одного блока и эти блоки должны стать друг под другом при изменении ширины, то их необходимо оборачивать в тег span со стилями: <span style="display:inline-block; width:260px;">
Таким образом у нас есть общая таблица размером в 600px и внутри два блока по 300px (300px + 300px = 600px). Когда размер главной страницы становится меньше хоть на один пиксель, то блокам не хватает места и блок номер 2 становится под блоком номер 1.
Для MS Outlook необходимо сделать проверку: <!--[if gte mso 9]> и вместо тега center и span необходимо подставлять обычные таблицы.
5. Шрифт font-family: Arial, Helvetica, sans-serif;
6. Для того, чтобы фон вне письма был на всю ширину и высоту, необходимо главной таблице добавить width=«100%» и для td прописать height=«100%»
Не нужно задавать таблице height=«100%», возникают проблемы с выравниванием ячеек по вертикали внутри главной таблицы.
7. У изображений всегда должны быть указаны ширина, высота и alt
8. DOCTYPE письма должен быть <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
9. Для отступов необходимо использовать пустые ячейки таблицы с прописанной высотой или шириной
10. HTML теги которые допустимы к использованию в верстке: table, tr, td, span, img, a, b, i, br
Опубликован 19.05.2017 в 17:12
Заказ находится в архиве