Урок 11. Настройка фона отдельных сообщений

Рассмотрим несколько случаев:

1) Когда нужно установить фон всего сообщения

2) Когда нужно установить фон для фрагмента сообщения

3) Установить картинку в качестве фона

1. Итак, для первого случая в редакторе сообщений в режиме HTML вставляем этот код:

<div style="background-color: #444; color: #fff; padding: 10px;">
здесь текст вашего сообщения
</div>

  Чтобы подобрать цвет, можно воспользоваться генератором цветов, скопировать код цвета и вставить вместо ffffff

 

 2. Теперь зададим фон только для некоторого фрагмента сообщения. 

Например

«Правильный путь таков: усвой то, что сделали твои предшественники, и иди дальше.»

Лев Николевич Толстой

Принцип такой же, как и выше - просто не весь текст перемещаем внутрь кода, а только часть.

3. Сделать фоном картинку.

Лень подобна ржавчине: она разъедает быстрее, чем частое употребление изнашивает.

Бенджамин Франклин 

Используем такой код:

<div style="background: url(Адрес вашего изображения); background-size: cover; color: #fff; padding: 10px;">Текст вашего сообщения </div>