Синтаксис ББ-кодов

[Вселенная]

БАЗОВАЯ РАЗМЕТКА И ПАНЕЛЬ ИНСТРУМЕНТОВ

Основные инструменты работают практически так же, как и на quadra, но если вы не знакомы с форумными board-движками — эта статья для вас.

Если вы привыкли к Telegram, VK или Discord, интерфейс может показаться сперва непривычным — ниже по шагам разобрано, что делает каждая кнопка панели.

На скриншоте ниже показана базовая форма ввода текста в веб-версии форума.

Кнопки формы ответа отвечают за базовое редактирование текста, как в ворде: при нажатии выделенный текст автоматически оборачивается в нужные теги, а если текст не выделен — теги будут вставлены пустыми.

Основные функции

Код: 

[font=название шрифта]текст[/font] - меняет шрифт
[size=хх]текст[/size] - размер шрифта
[b]текст[/b] - жирный
[i]текст[/i] - курсив
[u]текст[/u] - нижнее подчеркивание
[s]текст[/s] - зачеркнутый текст
(вы также можете пользоваться стандартным сочетанием клавиш: Ctrl+b / Ctrl+u / Ctrl+i / Ctrl+s  )
[paragraph] - отступ в начале абзаца (одинарный тег, выделять текст не нужно)
[align=left]текст[/align] - выравнивание слева
[align=center]текст[/align] - выравнивание по центру
[align=justify]текст[/align] - выравнивание по ширине. Для массивов текста этот формат у нас сделан по умолчанию
[align=right]текст[/align] - выравнивание справа
[color=цвет]текст[/color] - изменить цвет текста. Вы можете использовать любой цвет, записав его в RGB формате. Например, #FFFFFF для белого

Изображения и ссылки

Код: 

[float-left]изображение[/float-left] - обтекание текстом слева
[float-right]изображение[/float-right] - обтекание текстом справа
[url=прямая ссылка]текст или изображение[/url] - вставить гиперссылку. ВАЖНО! Для ссылки внутри форума старайтесь использовать сокращенный формат: например, вместо  ссылки на эту тему - https://satina.space/showthread.php?tid=106, записать можно так: /showthread.php?tid=106. Ссылки на изображение следует размещать через тег изображения [url=прямая ссылка][img]ссылка на картинку[/img][/url]
[img]прямая ссылка на изображение[/img]  - вставить изображение. Об нем подробнее расскажем ниже, но учтите, что этот тег [img] принимает только прямую ссылку на файл изображения (jpg, png, gif). Вы также можете вставить изображение из буфера обмена - нажмите Ctrl+V и дождитесь загрузки вашей картинки на сервер. Результат будет сразу в нужном теге.
[video=youtube]ссылка на видео[/video] - вставить видео с Youtube
[paragraph][b][font=Palatino Linotype]Объекты[/font][/b]
[code][spoiler=текст][/spoiler] - вставить свернутый текст, спойлер. ББ-коды в названии отключены
[quote=заголовок цитаты]текст[/quote] - цитата. Заголовок опционален
[hide="1"]текст[/hide] - скрытый текст. Не привязан к количеству постов. Об этом расскажем ниже.
[html]любой текст[/html] - вставить блок разметки html. Об этом расскажем ниже.

Стикеры
Кнопка со смайликом отвечает за предустановленные стикеры, как в телеграмме. Выбираете нужный, и его автоматически разместит в виде бб-кода для изображения.
Таблицы

Код: 

[table][tr]
[td]текст[/td]
[/tr][/table]
Этот код вставляет таблицу с заданным вами количеством столбцов и рядов. Подробнее ниже

Игровое

Код: 

[roll=xdy+bonus reason="название броска" result="код шифрования"] - броски кубиков. Вы можете задать свои значения. Бросок происходит автоматически и ничего дописывать в этот код не следует, результат вы получите в форме вот такого кода. Используйте кнопку на панели инструментов

Бросок будет произведен, когда вы отправите свой пост, но будет в зашифрованной форме. Обновите страницу, чтоб увидеть результат.

Маски — изменяемое оформление мини-профиля для конкретного поста. Например, вы можете указать другое отображаемое имя или аватар.
Маски сохраняются в вашем браузере — вводить код каждый раз не требуется.

Код: 

[mask name="Имя" status="Статус профиля" avatar="ссылка на аватар"][/mask]

Кнопка Дополнительное
Позволяет использовать следующие BB-коды:

Код: 

[abbr="пояснение"]оригинальный текст[/abbr] - создает небольшое пояснение в виде всплывающего при наведении блока подсказки. Например, там можно расшифровать аббревиатуру
[hr] - вставить горизонтальную линию
[ya url="ссылка" width="хх" height="хх" title="название"] - вставить трек с Yandex музыки
[*code]любой текст[*/code] - код. Пишется без символов *. В таком блоке не будет использоваться разметка и коды, которые вы применяете, будут видны. Этот блок написан с использованием этого тега

Вставить iFrame - нужен, чтоб разместить в посте контент другого сайта. Вам потребуется заполнить форму и использовать ссылки, которые вы получите на стороннем ресурсе, а также задать размеры размещаемого iFrame. Этой функцией пользуется в основном администрация.

Последняя кнопка на панели - "Загрузить последнее сохраненное сообщение" позволяет вставить текст поста, сохраненный в вашем браузере. Это чтоб ваши посты не пропадали, если пришлось закрыть страницу.

Если что-то не получилось — используйте предпросмотр перед отправкой поста. Кнопка "Предпросмотр" внизу поля ввода - покажет, как будет выглядеть ваш пост со сработавшими кодами. Там включена небольшая задержка, дождитесь динамического отображения. Предпросмотр открывается под полем ввода, чтоб ваш экран не скакал при наборе текста, когда появляются новые строки.