Использование CSS для оформления сообщений в WebAsyst Почте

WebAsyst Почта позволяет использовать CSS для оформления электронных сообщений одним из следующих способов:

Способ 1 (рекомендуемый)

Использовать внутренние (inline) стили для HTML-тегов, к которым они должны применяться. Этот способ форматирования текста письма является предпочтительным, поскольку, например, при использовании внешнего блока STYLE (как в способе 2 ниже) содержимое такого блока автоматически удаляется некоторыми почтовыми клиентами.

Пример формирования HTML-кода письма с использованием внутренних стилей CSS:

<H1 style="font-weight:bold; font-size:12pt;">Здравствуйте, Анатолий!</H1>
<P style="font-size:10pt;">
 Сообщаем о готовности предварительного списка оборудования для дальнейшей работы.
 По приведенной ниже ссылке вы сможете в любое время получить актуальную версию файла
 со списком. Надеемся на долгосрочное сотрудничество!
</P>
<P style="font-size:10pt;">
  <A href="http://domain.ru/file.zip" style="font-weight:bold;">
  Скачать список оборудования</A>
</P>
<P style="font-size:10pt; font-style:italic; color:#006699;">
  --<BR>
  С уважением,<BR>
  Петр Иванов<BR>
  ОАО «Строительные системы»<BR>
</P>

Способ 2

Использовать внешний блок стилей STYLE. Такой блок нужно обязательно вставлять после основного текста письма. Если блок STYLE будет добавлен перед текстом письма, то при попытке сохранить черновик и открыть его снова этот блок автоматически удалится, и вам придется вставлять его снова, прежде чем отправить письмо.

Пример формирования текста письма с использованием стилей CSS во внешнем блоке STYLE:

<H1>Здравствуйте, Анатолий!</H1>
<P>
  Сообщаем о готовности предварительного списка оборудования для дальнейшей работы.
  По приведенной ниже ссылке вы сможете в любое время получить актуальную версию файла
  со списком. Надеемся на долгосрочное сотрудничество!
</P>
<P>
  <A href="http://domain.ru/file.zip ">Скачать список оборудования</A>
</P>
<P class="senderinfo">
  --<BR>
  С уважением,<BR>
  Петр Иванов<BR>
  ОАО «Строительные системы»<BR>
</P>

<STYLE>
  H1{font-weight:bold; font-size:12pt;}
  P{font-size:10pt;}
  A{font-weight:bold;}
  .senderinfo{font-style:italic; color:#006699;}
</STYLE>