Покажу разные способы оформления поста или анкеты. Тема будет дополняться по мере обновления моего плагина. Здесь можно свободно тестить коды и тыкать на все кнопки — вдруг что получится 🌌
Панель оформления поста
Самые интересные коды живут внутри волшебной палочки. Её можно найти у левого края панели.
Выравнивание, скругление и уменьшение изображений
Внутри волшебной палочки есть коды icenter, ileft, iright, которые скругляют картинки, выравнивают и уменьшают их. Это полезно, если вы пишите с мобильного устройства и вам сложно всё подгонять и проверять или у вас просто большое изображение.
[ileft][ileft]
Всё происходило слишком быстро. Даэнорту оставалось лишь уклоняться от срывающихся сверху каменных глыб, что с треском отрывались от стен расщелины и градом обрушивались вниз. Одновременно с этим он отчаянно искал взглядом Ллойда. До драконида сейчас не было никакого дела — куда важнее оказалось убедиться, что полуэльф переживёт падение. Если не уберечь его от удара о дно, то хотя бы успеть помочь сразу после него. 🧡
Аллерты
Это способ выделить важную информацию или разбавить полотно текста цветным оформлением.
Вот так выглядит аллерт
Предустановленные варианты живут внутри волшебной палочки. Можно убрать заголовок и подзаголовок, заменить цвет текста, фона и обводки. А иконка сбоку от заголовка зависит от типа аллерта: 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 frameborder="0" allow="clipboard-write" style="border:none;width:814px;height:144px;" width="814" height="144" src="https://music.yandex.ru/iframe/album/18731878/track/631110"></iframe>
Музыка
Загрузите трек как файл при помощи самой левой кнопки на панели оформления. А потом заключите ссылку в музыкальный код, который живёт внутри волшебной палочки.
[audio src=https://questpost.ru/assets/files/2026-02-25/1772014977-373829-jhann-jhannsson-domestic-pressures-73446828.mp3][/audio]
Видео
Форум поддерживает прямую загрузку и преобразование видео с устройства или внешних источников, включая Youtube. Достаточно вставить ссылку. Для видео из ВК можно использовать айфрейм
Рекомендации
- Отбивайте абзацы пустой строкой. Дайте тексту дышать, а читателям с мобильных устройств возможность отделять одно от другого. Ещё вариант — горизонтальная линия при помощи
___
Ёлочные кавычки «» — это красиво, а лапки "" — так себе. Но лапки допустимы, если они находятся внутри ёлочек. Чаще всего их используют для цитаты внутри какого-то названия
Для сносок можно использовать код [sup]Текст[/sup]
Текст
