Все описанные здесь вещи надо просто копировать в окошко с текстом сообщений.Все что попадет межу знаками < и > видимый текст сообщения включенно не будет.
Значения вида #12af90 обозначают цвета. Для нахождения этих значений можно использовать http://www.liveinternet.ru/4Ek/JS/journal_colors.html

• Что-бы сделать фоновую картинку для текста надо обрамить текст
  < div style="background-image: url(http://тут.адрес.картитки/на.сервере);"> ------ТУТ САМ ТЕКСТ------ </div>
• Что-бы выделить текст (цвет фона,цвет текста, вместе) обрамите текст конструкциями вида: < span style="background-color:#0f3a0f">цвет фона</span> < span style="color:#0f3a0f">цвет текста</span> < span style="background-color:#FF3a0f; color:#0f3a0f">вместе</span>

• Если вы хотите добиться такого эффекта иcпользуйте

  < p style="color:white; background-color:#0a30b1;border: 1px solid #0ffff0"> ------ТУТ САМ ТЕКСТ------ </p>

  где border: 1px solid #0ffff0 => (Толщина границы) (Тип линии) (Цвет)

• Можно так

• Или так

  < p style="text-align:right; color:white; background-color:#0a30b1;border: 1px solid #0ffff0"> ------ТУТ САМ ТЕКСТ------ </p>

  где border: 1px solid #0ffff0 => (Толщина границы) (Тип линии) (Цвет)
  text-align может быть rigth, left или center

• Или такого иcпользуйте: ------ТУТ 1АЯ ЧАСТЬ ТЕКСТА------ < p style="color:white; background-color:#0a30b1;border: 2px solid #0ffff0"> ------ТУТ ТО ЧТО БУДЕТ В РАМКЕ------ < /p> ------ТУТ 3АЯ ЧАСТЬ ТЕКСТА------