BB-коды

  • [B], [I], [U], [S] - полужирный, курсив, подчёркивание и зачёркивание

    Делает выделенный текст полужирным, наклонным, подчёркнутым или зачёркнутым.
    Пример:
    Это [B]полужирный[/B] текст.
    Это [I]курсивный[/I] текст.
    Это [U]подчёркнутый[/U] текст.
    Это [S]зачёркнутый[/S] текст.
    Результат:
    Это полужирный текст.
    Это курсивный текст.
    Это подчёркнутый текст.
    Это зачёркнутый текст.
  • [COLOR=цвет], [FONT=название], [SIZE=размер] - цвет текста, шрифт и размер

    Изменяет цвет, шрифт или размер выделенного текста.
    Пример:
    Это [COLOR=red]красный[/COLOR] и [COLOR=#0000cc]голубой[/COLOR] текст.
    Это шрифт [FONT=Courier New]Courier New[/FONT].
    Это [SIZE=1]маленький[/SIZE] и [SIZE=7]большой[/SIZE] текст.
    Результат:
    Это красный и голубой текст.
    Это шрифт Courier New.
    Это маленький и большой текст.
  • [URL], [EMAIL] - ссылки

    Создаёт ссылку из выделенного текста.
    Пример:
    [URL]https://www.example.com[/URL]
    [EMAIL]example@example.com[/EMAIL]
    Результат:
  • [URL=ссылка], [EMAIL=адрес] - ссылки (дополнительно)

    Делает выделенный текст ссылкой на интернет-страницу или на адрес электронной почты.
    Пример:
    [URL=https://www.example.com]Перейти на example.com[/URL]
    [EMAIL=example@example.com]Моя электронная почта[/EMAIL]
    Результат:
  • [USER=ID] - ссылка на профиль

    Ссылка на профиль пользователя. Как правило добавляется автоматически при упоминании пользователя.
    Пример:
    [USER=1]Имя пользователя[/USER]
    Результат:
  • [IMG] - изображение

    Показывает изображение, используя выделенный текст как URL-адрес.
    Пример:
    [IMG]https://forum.counter-strike.vip/data/assets/logo/logo1000400.png[/IMG]
    Результат:
    logo1000400.png
  • [MEDIA=сайт] - вставка медиа

    Вставляет в сообщение медиа с разрешенных сайтов. Рекомендуется использовать кнопку добавления медиа в панели инструментов редактора.
    Поддерживаемые сайты: Apple Music, Facebook, Pinterest, TikTok, Tumblr, Twitch, Twitter, YouTube
    Пример:
    [MEDIA=youtube]kQ0Eo1UccEE[/MEDIA]
    Результат:
    Встроенный YouTube плеер появится здесь.
  • [LIST] - списки

    Отображает нумерованный или маркированный список.
    Пример:
    [LIST]
    [*]Маркер 1
    [*]Маркер 2
    [/LIST]
    [LIST=1]
    [*]Запись 1
    [*]Запись 2
    [/LIST]
    Результат:
    • Маркер 1
    • Маркер 2
    1. Запись 1
    2. Запись 2
  • [LEFT], [CENTER], [RIGHT] - выравнивание текста

    Изменяет выравнивание выделенного текста.
    Пример:
    [LEFT]Выравнивание по левому краю[/LEFT]
    [CENTER]Выравнивание по центру[/CENTER]
    [RIGHT]Выравнивание по правому краю[/RIGHT]
    Результат:
    Выравнивание по левому краю​
    Выравнивание по центру​
    Выравнивание по правому краю​
  • [QUOTE] - цитата текста

    Отображает текст, как процитированный из другого источника. Можно также указать имя этого источника.
    Пример:
    [QUOTE]Цитируемый текст[/QUOTE]
    [QUOTE=Пользователь]Пользователь что-то сказал[/QUOTE]
    Результат:
    Цитируемый текст
    Пользователь написал(а):
    Пользователь что-то сказал
  • [SPOILER] - текст, содержащий спойлеры

    Скрывает текст, который может содержать спойлеры (преждевременно раскрытая важная сюжетная информация). Чтобы увидеть текст, нужно нажать кнопку спойлера.
    Пример:
    [SPOILER]Обычный спойлер[/SPOILER]
    [SPOILER=Заголовок спойлера]Спойлер с заголовком[/SPOILER]
    Результат:
    Обычный спойлер
    Спойлер с заголовком
  • [ISPOILER] - однострочный текст, содержащий спойлеры

    Однострочный текст внутри обычного содержимого, который является скрытым и может содержать спойлеры. Для его просмотра - необходимо выполнить нажатие на данный текст.
    Пример:
    Вам необходимо выполнить нажатие на данное [ISPOILER]слово[/ISPOILER], чтобы увидеть содержимое.
    Результат:
    Вам необходимо выполнить нажатие на данное слово, чтобы увидеть содержимое.
  • [CODE] - вставка программного кода

    Отображает текст на одном из языков программирования, выделяя синтаксис где это возможно.
    Пример:
    Основной код:
    [CODE]Основной код[/CODE]

    Код с поддержкой форматирования:
    [CODE=rich]Код с поддержкой [COLOR=red]форматирования[/COLOR][/CODE]

    PHP-код:
    [CODE=php]echo $hello . ' world';[/CODE]

    JS-код:
    [CODE=javascript]var hello = 'world';[/CODE]
    Результат:
    Основной код:
    Код:
    Основной код

    Код с поддержкой форматирования:
    Форматирование (BB-код):
    Код с поддержкой форматирования

    PHP-код:
    PHP:
    echo $hello . ' world';

    JS-код:
    JavaScript:
    var hello = 'world';
  • [ICODE] - отображение однострочного программного кода

    Позволяет отображать однострочный код внутри обычного содержимого сообщения. Синтаксис не будет подсвечен.
    Пример:
    Блоки однострочного кода - [ICODE]это лучший способ[/ICODE] отображения кода одной строкой.
    Результат:
    Блоки однострочного кода - это лучший способ отображения кода одной строкой.
  • [INDENT] - отступ текста

    Увеличивает отступ выделенного текста. Можно использовать несколько раз для создания больших отступов.
    Пример:
    Обычный текст
    [INDENT]Небольшой отступ[/INDENT]
    [INDENT=2]Значительный отступ[/INDENT]
    Результат:
    Обычный текст
    Небольшой отступ​
    Значительный отступ​
  • [TABLE] - таблицы

    Специальная разметка для отображения таблиц в Вашем контенте.
    Пример:
    [TABLE]
    [TR]
    [TH]Заголовок 1[/TH]
    [TH]Заголовок 2[/TH]
    [/TR]
    [TR]
    [TD]Содержимое 1[/TD]
    [TD]Содержимое 2[/TD]
    [/TR]
    [/TABLE]
    Результат:
    Заголовок 1Заголовок 2
    Содержимое 1Содержимое 2
  • [HEADING=уровень] - заголовки с первого по третий уровень

    Помечает текст как структурированный заголовок для облегчения машинного чтения.
    Пример:
    [HEADING=1]Основной заголовок[/HEADING]
    Этот текст подпадает под основной заголовок, используемый для разделения основных разделов статьи.

    [HEADING=2]Второстепенный заголовок[/HEADING]
    Если вам нужно разделить основные разделы статьи, используйте второстепенный заголовок второго уровня.

    [HEADING=3]Подзаголовок[/HEADING]
    Если вам требуется дополнительное разделение, то Вы можете воспользоваться подзаголовком.
    Результат:

    Основной заголовок​

    Этот текст подпадает под основной заголовок, используемый для разделения основных разделов статьи.

    Второстепенный заголовок​

    Если вам нужно разделить основные разделы статьи, используйте второстепенный заголовок второго уровня.

    Подзаголовок​

    Если вам требуется дополнительное разделение, то Вы можете воспользоваться подзаголовком.
  • [PLAIN] - обычный текст

    Отключает обработку BB-кодов внутри выделенного текста.
    Пример:
    [PLAIN]Это не [B]полужирный[/B] текст.[/PLAIN]
    Результат:
    Это не [B]полужирный[/B] текст.
  • [ATTACH] - вставка вложений

    Вставляет вложение в указанной точке. Если вложение является изображением, будет вставлена его уменьшенная версия или всё оно целиком. Для этого нужно нажать на соответствующую кнопку.
    Пример:
    Миниатюра: [ATTACH]123[/ATTACH]
    Полный размер: [ATTACH=full]123[/ATTACH]
    Результат:
    Содержимое вложений появится здесь.
  • [ABBR] [ABBR=option] - Аббревиатура

    Аббревиатура с расшифровкой при наведении мыши
    Пример:
    [abbr="расшифровка текста"]текст[/abbr]
    Результат:
    текст
  • [ACCORDION] [ACCORDION=option] - Аккордеон

    Настраиваемый интерактивный аккордеон
    Пример:
    [ACCORDION=200]
    [SLIDE_HEADER]Первый слайд[/SLIDE_HEADER]
    [SLIDE]Содержимое первого слайда[/SLIDE]
    [SLIDE=Второй слайд]Содержимое второго слайда[/SLIDE]
    [/ACCORDION]
    Результат:
    Первый слайд
    Содержимое первого слайда
    Второй слайд
    Содержимое второго слайда
  • [AMS=option] - Вставка статей/страниц/серий

    BB-code для отображения статей, страниц и серий
    Пример:
    [AMS=article, X]BB-code AMS-статьи[/AMS]
    Результат:
    [AMS=article, X]BB-code AMS-статьи[/AMS]
  • [ANCHOR] [ANCHOR=option] - Анкор

    Генерирует HTML тег анкора
    Пример:
    Генерирует гиперссылку;
    [anchor]точка анкора[/anchor]

    Перейти к точке анкора
    [anchor=#точка анкора]Нажмите здесь для перехода к точке анкора[/anchor]
    Результат:
    Генерирует гиперссылку;


    Перейти к точке анкора
    Нажмите здесь для перехода к точке анкора
  • [ARTICLE] [ARTICLE=option] - Статья

    Отображает статью с возможностью указания источников.
    Пример:
    [ARTICLE=https://ru.wikipedia.org/wiki/Статья_(жанр_журналистики)]
    Статья́ — это жанр журналистики, в котором автор ставит задачу проанализировать общественные ситуации, процессы, явления, прежде всего с точки зрения закономерностей, лежащих в их основе.

    Такому жанру как статья присуща ширина практических обобщений, глубокий анализ фактов и явлений, четкая социальная направленность. В статье автор рассматривает отдельные ситуации как часть более широкого явления. Автор аргументированно пишет о своей точке зрения.
    [/ARTICLE]
    Результат:
    Статья:
    Статья́ — это жанр журналистики, в котором автор ставит задачу проанализировать общественные ситуации, процессы, явления, прежде всего с точки зрения закономерностей, лежащих в их основе.

    Такому жанру как статья присуща ширина практических обобщений, глубокий анализ фактов и явлений, четкая социальная направленность. В статье автор рассматривает отдельные ситуации как часть более широкого явления. Автор аргументированно пишет о своей точке зрения.
  • [BIMG] [BIMG=option] - Блок изображения

    Отображает изображение, позволяя изменить его размер, выравнивание и обтекание, в том числе другим рисунком.
    Пример:
    [bimg]http://www.google.com/images/srpr/logo3w.png[/bimg]
    [bimg=100px]http://www.google.com/images/srpr/logo3w.png[/bimg]
    Результат:

  • [ENCADRE] [ENCADRE=option] - Encadre

    Данный BB-code добавляет блок Encadre с правого края текста (абсолютная позиция). Должен быть добавлен до содержимого. (ширина указывается в %)
    Пример:
    [ENCADRE]Ячейка с очень длинным текстом. Может быть применено например в статье.[/ENCADRE]Текст
    [ENCADRE=30]Ячейка с длинным текстом. Может быть применено например в статье.[/ENCADRE]Текст 2
    Результат:
    Текст
    Текст 2
  • [FIELDSET] [FIELDSET=option] - Fieldset

    Этот BB-code вставляет fieldset (Можно указать заголовок и ширину в %; разделитель: |)
    Пример:
    [fieldset]Это fieldset[/fieldset]
    [fieldset=Заголовок]Это fieldset с заголовком[/fieldset]
    [fieldset=Заголовок|80]Это fieldset указанной ширины с заголовком[/fieldset]
    Результат:
    Fieldset:
    Это fieldset

    Заголовок
    Это fieldset с заголовком

    Заголовок
    Это fieldset указанной ширины с заголовком
  • [FLEFT] - Обтекание слева

    Задаёт данному блоку стиль - обтекание слева
    Пример:
    [fleft]Этот текст выровнен стилем обтекание слева[/fleft]
    Результат:
    Этот текст выровнен стилем обтекание слева
  • [FRIGHT] - Обтекание справа

    Задаёт данному блоку стиль - обтекание слева
    Пример:
    [FRIGHT]Этот текст выровнен стилем обтекание справа[/FRIGHT]
    Результат:
    Этот текст выровнен стилем обтекание справа
  • [GVIEW] [GVIEW=option] - GVIEW

    Этот BB-code отображает документы используя "Google Докуметы" (поддерживается множество расширений:pdf,ppt,doc,xls...).
    Пример:
    [GVIEW]http://research.google.com/archive/bigtable-osdi06.pdf[/GVIEW]
    Результат:
  • [HR] [HR=option] - Горизонтальная линия

    BB-code различных линий
    Пример:
    Линия по умолчанию:
    [hr]
    Первый вариант линии:
    [hr=1]
    Второй вариант линии:
    [hr=2]
    Третий вариант линии:
    [hr=3]
    Четвёртый вариант линии:
    [hr=4]
    Пятый вариант линии:
    [hr=5]
    Результат:
    Линия по умолчанию:

    Первый вариант линии:

    Второй вариант линии:

    Третий вариант линии:

    Четвёртый вариант линии:

    Пятый вариант линии:

  • [JUSTIFY] - Justify

    BB-code внутри которого выполняется выравнивание текста с применением стиля Justify
    Пример:
    [justify]пример текста выравненного с применением стиля Justify
    Первая строка
    Вторая строка
    Третья строка[/justify]!
    Результат:
    пример текста выравненного с применением стиля Justify
    Первая строка
    Вторая строка
    Третья строка​
    !
  • [LATEX] [LATEX=option] - LaTeX формулы

    Отображает LaTeX в виде формулы.
    Пример:
    [LATEX=Формула]c=\sqrt{a^2+b^2}[/LATEX]
    Результат:
    Формула:
    \[c=\sqrt{a^2+b^2}\]
  • [ALERT] [ALERT=option] - Модератор: оповещение

    Баннер оповещения только для модератора
    Пример:
    [alert=Заголовок]Оповещение[/alert]
    Результат:
    Заголовок Оповещение
  • [INFORMATION] [INFORMATION=option] - Модератор: информация

    Баннер информации только для модератора
    Пример:
    [information=Заголовок]Информация[/information]
    Результат:
    Заголовок Информация
  • [STOP] [STOP=option] - Модератор: стоп

    Стоп баннер только для модератора
    Пример:
    [stop=Заголовок]Стоп[/stop]
    Результат:
    Заголовок Стоп
  • [WARNING] [WARNING=option] - Модератор: предупреждение

    Баннер предупреждения только для модератора
    Пример:
    [warning=Заголовок]Предупреждение[/warning]
    Результат:
    Заголовок Предупреждение
  • [SLIDER] [SLIDER=option] - Слайдер

    BB-code для вставки интерактивного слайдера.
    Пример:
    [SLIDER]
    [SLIDE_HEADER]Заголовок слайда 1[/SLIDE_HEADER]
    [SLIDE=center]Содержимое слайда 1[/SLIDE]
    [SLIDE]Содержимое слайда 2[/SLIDE]
    [SLIDE]Содержимое слайда 3[/SLIDE]
    [SLIDE=open]Содержимое слайда 4[/SLIDE]
    [/SLIDER]
    Результат:
    Заголовок слайда 1
    Содержимое слайда 1
    Содержимое слайда 2
    Содержимое слайда 3
    Содержимое слайда 4
  • [SUB] - Подстрочный шрифт

    Позволяет добавить подстрочный шрифт
    Пример:
    переменная х[sub]1[/sub]!
    Результат:
    переменная х1​!
  • [SUP] - Надстрочный шрифт

    Позволяет применить надстрочный шрифт
    Пример:
    возвести переменную во вторую степень: х[sup]2[/sup]
    Результат:
    возвести переменную во вторую степень: х2​
  • [TABS] [TABS=option] - Вкладки

    BB-code для добавления вкладок в текст
    Пример:
    [TABS]
    [SLIDE_HEADER]Вкладка 1[/SLIDE_HEADER]
    [SLIDE]Содержимое вкладки 1 - {tab=2}Перейти на вкладку 2{/tab}[/SLIDE]
    [SLIDE=Вкладка 2]Содержимое вкладки 2[/SLIDE]
    [/TABS]
    [TABS=200]
    [SLIDE_HEADER]Первый слайд[/slide_header]
    [SLIDE]Содержимое первой вкладки - {tab=2}Ссылка на вторую вкладку{/tab}[/SLIDE]
    [SLIDE=Второй слайд]Содержимое второй вкладки[/SLIDE]
    [/TABS]
    Результат:

  • [TIME] [TIME=option] - Время

    Отображает время часового пояса пользователя.
    Пример:
    [TIME=datetime]2050-12-12T03:12:46+0000[/TIME]
    Результат:
Сверху Снизу