Перейти к публикации

Рекомендованные сообщения

Всем привет.

 

Дайте пожалуйста пример емаил в HTML для админки.

 

Я делал так

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>{%title%}</title>
<style type="text/css">
html, body {
	font-family: Verdana;
	line-height: 1.42857143;
	font-size: 12px;
	color: #363636;
	background-color: #f1f1f1;
	padding: 10px;
}
a:active, a:visited, a:link {
	color: #337fb1;
	text-decoration: none;
}
a:hover {
	color: #008ED6;
	text-decoration: underline;
}
.salute {
	padding: 10px;
	border-bottom: solid 1px #1a7bae;
	background-color: #FFFFFF;
}
.info {
	padding: 10px;
	background-color: #FFFFFF;
}
.content {
	padding: 10px;
	font-size: 14px;
	background-color: #F9F9F9;
	color: #000000;
}
.footer {
	font-style: italic;
	padding: 10px;
	background-color: #FFFFFF;
}
</style>
</head>
<body>
<div class="salute">Уважаемый <b>{%username_to%}</b>, уведомляем вас о том, что на сайт  Gusev-online.ru был добавлен комментарий к новости, на которую вы подписаны. </div>
<div class="info"> Автор: {%username%}<br>
  Дата добавления: {%date%}<br>
  <a href="{%link%}">Ссылка на новость</a> </div>
<div class="content">{%text%}</div>
<div class="footer">С уважением, Администрация Gusev-online.ru.</div>
</body>
</html>

 

В Thunderbird отображается ок

7a09ae29fcdd.png

 

Однако в браузере стили не влияют на письмо

997e8f4e15e9.png

 

 

Что я делаю не так?

Заранее признателен за подсказку.

 

 

Не туда разместил, хотел в раздел "Вебдизайн". Можете перенести

Ссылка на сообщение
Поделиться на других сайтах

Верстать HTML для писем целая наука. Забудьте про все фишки и нововведения HTML и CSS, забудьте про дивы и классы. Все свойства нужно писать только инлайн через атрибут style="тут свойства" каждому элементу, все вручную и только хардкор. Верстать нужно таблицами. Вообщем говоря по простому нужно мысленно вернуться к верстке начала 90x годов. Представьте что у вас браузер IE4. Можете прочитать например статью https://habrahabr.ru/post/252279/

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...