Фон сообщения
Добавлено: 09 мар 2015, 15:34
Фон для сообщения
Описание: с этим кодом вы можете добавлять красивый фон под сообщение, при этом не теряя функционал сообщения. Ссылка на изображение фона должна оканчиваться на формат изображения (.jpg , .gif и т.д.). Совет: ищите фоны маленького размера и бесшовные - в таком случае они не грузят форум и создают бесконечное пространство для сообщения, т.к. по умолчанию повторяются. Рамку в style можно убрать или поменять (цифра перед px означает размер рамки, outset - стиль (может быть inset, double и т.п.). Фон занимает всё поле сообщения в любом размере окна и действует на любых устройствах, проверял на смартфоне и планшете. Центрирование контента также можно убрать, вырезав align="center" из html. Остальное ниже. P.S. Тестировалось в prosilver, никаких смещений или некорректности не выявлено. За проверку на остальных шаблонах буду благодарен.
Использование BBCode
Замена HTML
Подсказка
Пример работы
Так выглядит использование кода (обязательные условия отмечены рамкой).
Пример уже отправленного сообщения.
Описание: с этим кодом вы можете добавлять красивый фон под сообщение, при этом не теряя функционал сообщения. Ссылка на изображение фона должна оканчиваться на формат изображения (.jpg , .gif и т.д.). Совет: ищите фоны маленького размера и бесшовные - в таком случае они не грузят форум и создают бесконечное пространство для сообщения, т.к. по умолчанию повторяются. Рамку в style можно убрать или поменять (цифра перед px означает размер рамки, outset - стиль (может быть inset, double и т.п.). Фон занимает всё поле сообщения в любом размере окна и действует на любых устройствах, проверял на смартфоне и планшете. Центрирование контента также можно убрать, вырезав align="center" из html. Остальное ниже. P.S. Тестировалось в prosilver, никаких смещений или некорректности не выявлено. За проверку на остальных шаблонах буду благодарен.
Использование BBCode
- Код: Выделить всё
[st={URL}]{TEXT}[/st]
Замена HTML
- Код: Выделить всё
<style>
.brd {
border: 4px outset white; /* Параметры границы */
padding: 10px; /* Поля вокруг текста */
}
</style>
<div class="brd" style="background-image:url({URL})" align="center" width="1000px" height="800px">
{TEXT}
</div>
Подсказка
- Код: Выделить всё
[st=ссылка на фон] Ваше сообщение [/st]
Пример работы
Так выглядит использование кода (обязательные условия отмечены рамкой).
Пример уже отправленного сообщения.