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]
    Результат:
    https://www.example.com
    example@example.com

  • [URL=ссылка], [EMAIL=адрес] - ссылки (дополнительно)

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

  • [USER=ID] - ссылка на профиль

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

  • [IMG] - изображение

    Показывает изображение, используя выделенный текст как URL-адрес.
    Пример:
    [IMG]https://xf-forum.ru/data/assets/logo/logo-footer-r.png[/IMG]
    Результат:
    logo-footer-r.png

  • [MEDIA=сайт] - вставка медиа

    Вставляет в сообщение медиа с разрешённых сайтов. Рекомендуется использовать кнопку добавления медиа в панели инструментов редактора.
    Поддерживаемые сайты: ABC News, Acast, Amazon (obsolete), Anchor, Apple Music, Apple Podcasts, Audioboom, Audiomack, Audius, Bandcamp, BBC News, BitChute, Brightcove, Bunny Stream, Captivate, Castos, CBS News Video, Clyp, CNBC, CNN, CNNMoney, CodePen, Comedy Central, Coub, Dailymotion, Democracy Now!, dumpert, 8tracks, ESPN, Facebook, Falstad Circuit Simulator, Flickr, Fox News, Funny or Die, Gamespot, Getty Images, Gifs.com, GIPHY, GitHub Gist, Global News, GoFundMe, Google Drive, Google+, Google Sheets, Hudl, Hulu, IGN, IMDb trailers, Imgur, Indiegogo, Instagram, Internet Archive, İzlesene, JSFiddle, JW Platform, Kaltura, Kontinental Hockey League (КХЛ), Kickstarter, Libsyn, Liveleak, Livestream, Mail.Ru, Mastodon, Medium, Megaphone, Metacafe, Mixcloud, MLB, MRCTV, MSNBC, Nacho Video, National Geographic Channel, National Geographic Video, NBC News, NHL Videos and Highlights, NPR, The New York Times Video, Odysee, On3 DB, Orfium, Pastebin, Pinterest, Podbean, Prezi, Reddit threads and comments, Rumble, Rutube, Scribd, Sendvid, SlideShare, SoundCloud, Sporcle, Sportsnet, Spotify, Spreaker, Steam store, Straw Poll, Streamable, Team Coco, TED Talks, Telegram, The Atlantic Video, The Guardian (obsolete), The Onion, Threads, TikTok, TMZ, TradingView, Trailer Addict, Trending Views, Tumblr, 247Sports, Twitch, X, Ustream, VBOX7, Veoh, Vevo, Video Detective, Vimeo, Vine, VK, Vocaroo, Vox, Washington Post Video, Wavekit, Wistia, WorldStarHipHop, The Wall Street Journal Online, GameClips.io, Gamer DVR, XenForo, Youku, YouMaker, 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]word[/ISPOILER], чтобы увидеть его.
    Результат:
    Необходимо нажать на следующее слово word, чтобы увидеть его.

  • [CODE] - вставка программного кода

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

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

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

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

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

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

    JS-код:
    Код: 
    var hello = 'world';

  • [ICODE] - отображение однострочного программного кода

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

    В блоках однострочного кода [ICODE=rich]можно [COLOR=red]использовать[/COLOR] [U]форматирование[/U][/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=уровень] - Уровень заголовков от 1 до 3

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

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

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

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

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

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

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

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

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

  • [PLAIN] - обычный текст

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

  • [ATTACH] - вставка вложений

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

  • [FA] [FA=option] - FontAwesome

    Вставляет Font Awesome иконку в указанное место.
    Пример:
    [fa]fa fa-bomb[/fa] Иконка FontAwesome.
    [fa="blue"]fa fa-bolt[/fa] Это - Цветная иконка FontAwesome.
    [fa="blue"]fab fa-vk fa-2x[/fa] Это - логотип ВКонтакте.
    [fa="blue"]fad fa-hand-holding-water fa-10x[/FA] Большая и цветная иконка.
    [fa]fas fa-snowboarding fa-rotate-90[/fa] Поворот
    [fa]fas fa-snowboarding fa-flip-horizontal[/fa] Горизонтальное отражение
    [fa]fas fa-snowboarding fa-flip-vertical[/fa] Вертикальное отражение
    [fa]fas fa-snowboarding fa-flip-both[/fa] Поворот и отражение
    [fa]fad fa-hand-holding-water fa-6x style="--fa-primary-color: rgb(19, 205, 235); --fa-secondary-color: rgb(227, 165, 18);"[/FA] Двухцветные иконки

    [fa="red"]fa fa-heart fa-beat" style="--fa-beat-scale:2.0;"[/fa]
    Результат:
    Иконка FontAwesome.
    Это - Цветная иконка FontAwesome.
    Это - логотип ВКонтакте.
    Большая и цветная иконка.
    Поворот
    Горизонтальное отражение
    Вертикальное отражение
    Поворот и отражение
    Двухцветные иконки

  • [GALLERY=option] - Вставка медиа из галереи

    BB-код для вставки медиа и альбомов из галереи.
    Пример:
    [GALLERY=media, X]BB-код галереи[/GALLERY]
    Результат:
    [GALLERY=media, X]BB-код галереи[/GALLERY]

  • [GROUP=option] - Встраивать группы

    Отображение конкретной информации о сообществе.
    Пример:
    [GROUP]123[/GROUP]
    Результат:
    Информация о сообществе появится здесь.

  • [MANSWER] - Ответ

    Пример:
    [manswer]Ответ[/manswer]
    Результат:
    У вас недостаточно прав для просмотра содержимого

  • [MIMPORTANT] - Важно

    Пример:
    [MIMPORTANT]Важно[/MIMPORTANT]
    Результат:
    У вас недостаточно прав для просмотра содержимого

  • [MINFORMATION] - Информация

    Пример:
    [minformation]Информация[/minformation]
    Результат:
    У вас недостаточно прав для просмотра содержимого

  • [MQUESTION] - Вопрос

    Пример:
    [mquestion]Вопрос[/mquestion]
    Результат:
    У вас недостаточно прав для просмотра содержимого

  • [MWARNING] - Внимание

    Пример:
    [mwarning]Внимание[/mwarning]
    Результат:
    У вас недостаточно прав для просмотра содержимого

  • [OFF] [OFF=option] - Offtop

    Offtop BB-code
    Пример:
    [OFF]text[/OFF]
    Результат:

    text

    offtop

  • [SF_A] - Цвет текста оранжевый

    Цвет текста оранжевый
    Пример:
    [sf_a]orange[/sf_a]
    Результат:
    orange

  • [SF_K] - Цвет текста красный

    Цвет текста красный
    Пример:
    [sf_k]Red[/sf_k]
    Результат:
    Red

  • [SF_L] - Цвет текста Темно-синий

    Цвет текста Темно-синий
    Пример:
    [sf_l]Navy blue[/sf_l]
    Результат:
    Navy blue

  • [SF_M] - Цвет текста синий

    Цвет текста синий
    Пример:
    [sf_m]blue[/sf_m]
    Результат:
    blue

  • [SF_MO] - Цвет текста фиолетовый

    Цвет текста фиолетовый
    Пример:
    [sf_mo]Mor[/sf_mo]
    Результат:
    Mor

  • [SF_P] - Цвет текста розовый

    Цвет текста розовый
    Пример:
    [sf_p]Pink[/sf_p]
    Результат:
    Pink

  • [SF_S] - Цвет текста Черный

    Цвет текста Черный
    Пример:
    [sf_s]Black[/sf_s]
    Результат:
    Black

  • [SF_Y] - Цвет текста лимонно-зеленый

    Цвет текста лимонно-зеленый
    Пример:
    [sf_y]LimeGreen[/sf_y]
    Результат:
    LimeGreen

  • [VISITOR] - Вставить имя пользователя

    Оно будет вставлено пользователю для просмотра названия страницы.
    Пример:
    [visitor][/visitor] -Отображает имя пользователя, который просматривает страницу. Если пользователь, просматривающий страницу, не авторизован - будет вставлено слово "Гость".
    Результат:
    Гость -Отображает имя пользователя, который просматривает страницу. Если пользователь, просматривающий страницу, не авторизован - будет вставлено слово "Гость".
Назад
Верх Низ