Покажу разные способы оформления поста или анкеты. Тема будет дополняться по мере обновления моего плагина. Здесь можно свободно тестить коды и тыкать на все кнопки — вдруг что получится 🌌
Заголовки и размер шрифта
По умолчанию кнопка «H» вставляет ### — количество решёток регулирует размер заголовка. ВВ-код для изменения размера шрифта — [size=цифра]Ваш текст[/size]
Примеры заголовков
Крохотный
Громадный
Примеры разного размера шрфта
Большой
Жесть ваще большой
Изображения
На форуме живёт умный код, который скругляет картинки и уменьшает их. Это особенно полезно, если вы пишите с мобильного устройства, и вам сложно всё подгонять и проверять. В следующем блоке вы увидите пример — можете открыть картинку в новой вкладке и убедиться, что оригинал гораздо больше.
[icenter][img]https://questpost.ru/assets/secrets/Coolors.webp[/img][/icenter]
Аллерты
Это способ выделить важную информацию или разбавить полотно текста цветным оформлением.
Вот так он выглядит
На панели оформления поста выберите волшебную палочку. Предустановленные аллерты находятся внутри шестой кнопки. Можно убрать заголовок и подзаголовок, заменить цвет текста, фона и обводки. А иконка сбоку от заголовка зависит от типа аллерта: sucess, warning, info, error
[info title=Вот так он выглядит font=#1E2019 bg=#efefef border=#efefef]На панели оформления поста выберите волшебную палочку. Предустановленные аллерты находятся внутри шестой кнопки. Можно убрать заголовок и подзаголовок, заменить цвет текста, фона и обводки. А иконка сбоку от заголовка зависит от типа аллерта: [color=#047857]**sucess[/color], [color=#b45309]warning[/color], [color=#1d4ed8]info[/color], [color=#b91c1c]error[/color]**[/info]
- Подбирайте цвет подложки, который одинаково хорошо выглядит на тёмной и светлой темах
- Соблюдайте контраст между фоном и текстом. Светлое на светлом прочитать сложно, как и тёмное на тёмном. Если не уверены в подборе цветов, проверить контраст можно на сайте coolors
Картинка-спойлер
Попробуйте нажать на собачку и узнать, что же она расскажет. По желанию всю анкету можно засунуть внутрь такого спойлера, а в виде картинки продемонстрировать внешность героя.
[spoiler img=https://questpost.ru/assets/icons/Sobaka.svg][center]Гав-гав![/center][/spoiler]
Айфреймы
Это виджеты из внешних источников. К примеру, вы можете добавить музыку через бесплатный сайт audio.com. На странице композиции выберите «Embed», поставьте «Flex», чтобы виджет был во всю длину поста, и скопируйте код. А вот если скопируете из сервисов, где есть подписка — Яндекс или Спотифай, полный трек пользователи смогут послушать только при наличии подписки в браузере.
<iframe src="https://audio.com/embed/audio/1835849072621779?theme=image" style="display:block; border-radius: 15px; border: none; height: 204px; width: 100%;"></iframe>
Музыка
Самый простой вариант добавить трек — загрузить файл через кнопку сбоку от отправки сообщения и заключить ссылку в специальный код при помощи кнопки внутри волшебной палочки
[center][audio src=https://questpost.ru/assets/files/2026-02-25/1772014977-373829-jhann-jhannsson-domestic-pressures-73446828.mp3][/audio][[/center]
Видео
Форум поддерживает прямую загрузку и преобразование видео с устройства или внешних источников, включая Youtube. Достаточно вставить ссылку. Для видео из ВК можно использовать айфрейм
Рекомендации
- Точки не нужны. Их можно убрать в списках, таблицах и тех же аллертах. Когда строка короткая, они только шумят. Точка в середине абзаца разделяет предложения, а в конце в ней смысла мало
- Ёлочные кавычки «» — это красиво, а лапки "" — так себе. Но лапки допустимы, если они находятся внутри ёлочек. Чаще всего их используют для цитаты внутри какого-то названия
- Букву ё стоит уважать. Если вы пишите с макбуков, где буква вынесена в неудобное место, скачайте типографскую раскладку Бирмана — сможете удобно ставить ё и «» без нумпада, которого и так нет
- Отбивайте абзацы пустой строкой. Дайте тексту дышать, а читателям с мобильных устройств возможность отделять одно от другого. Ещё вариант — горизонтальная линия при помощи
___
- Для сносок под изображениями можно использовать код
[sup]Текст[/sup]
