BB код

Пояснение

BB коды - это набор тегов, основанных на языке HTML и разработанных специально для использования в сообщениях форума. Они позволяют выполнять форматирование текста гораздо проще, чем в HTML, причём не нарушая целостность страницы. Возможность использования BB кодов настраивается администратором индивидуально на каждый раздел форума, поэтому, прежде чем использовать BB коды в сообщениях, вы должны убедиться, что они разрешены.

Ниже приведены примеры использования BB кодов.

BB коды

  1. Полужирный / Курсив / Подчёркнутый
  2. Цвет
  3. Размер
  4. Шрифт
  5. Выделение
  6. По левому краю / По правому краю / По центру
  7. Отступ
  8. Ссылка на электронную почту
  9. Ссылка на URL
  10. Ссылка на тему
  11. Ссылка на сообщение
  12. Маркированные списки / Расширенный (нумерованный) список
  13. Изображения
  14. Видео
  15. Код
  16. PHP код
  17. Код HTML
  18. Цитата
  19. Прекратить распознавание BB кодов
  20. Вложение
  21. Анонс
  22. Имя «якоря» для ссылок
  23. Background
  24. Разделитель анонса в Drupal
  25. Google Document
  26. Google Spreadsheet
  27. Image Comparison Slider
  28. Align Image Tag
  29. Ссылка «якорь»
  30. Ссылка открывается в том же окне
  31. Mention
  32. MP3 Player
  33. Review Rating
  34. Strikethrough
  35. Soundcloud
  36. Spoiler - пустой
  37. Spoiler
  38. WebM Видео
  39. WebM Видео - с опциями
  40. Wide Media Left
  41. Wide Media Right
Неправильное использование BB кодов:
  • [url] www.example.com [/url] - нельзя допускать пробела между BB кодами и текстом внутри.
  • [email]mail@domain.com[email] - закрывающая часть BB кода должна быть с наклонной чертой (слеш) ([/email])

Полужирный / Курсив / Подчёркнутый

BB коды [b], [i] и [u] позволяют сделать текст полужирным, наклонным и подчёркнутым соответственно.

    • [b]значение[/b]
    • [i]значение[/i]
    • [u]значение[/u]
    Использование
    • [b]Этот текст полужирный[/b]
    • [i]Этот текст написан курсивом[/i]
    • [u]Это подчёркнутый текст[/u]
    Пример
    • Этот текст полужирный
    • Этот текст написан курсивом
    • Это подчёркнутый текст
    Результат

Цвет

BB код [color] меняет цвет текста.

  • [color=Опция]значение[/color]
    Использование
  • [color=blue]Этот текст синий[/color]
    Пример
  • Этот текст синий
    Результат

Размер

BB код [size] позволяет изменять размер шрифта.

  • [size=Опция]значение[/size]
    Использование
  • [size=+2]Этот текст в два раза больше нормального[/size]
    Пример
  • Этот текст в два раза больше нормального
    Результат

Шрифт

BB код [font] изменяет шрифт.

  • [font=Опция]значение[/font]
    Использование
  • [font=courier]Этот текст написан шрифтом Courier[/font]
    Пример
  • Этот текст написан шрифтом Courier
    Результат

По левому краю / По правому краю / По центру

BB коды [left], [right] и [center] выравнивают текст по левому или правому краю и по центру соответственно.

    • [left]значение[/left]
    • [center]значение[/center]
    • [right]значение[/right]
    Использование
    • [left]Этот текст выровнен по левому краю[/left]
    • [center]Этот текст выровнен по центру[/center]
    • [right]Этот текст выровнен по правому краю[/right]
    Пример
  • Этот текст выровнен по левому краю
    Этот текст выровнен по центру
    Этот текст выровнен по правому краю
    Результат

Отступ

BB код [indent] позволяет сделать отступ.

  • [indent]значение[/indent]
    Использование
  • [indent]Этот текст с отступом[/indent]
    Пример
  • Этот текст с отступом
    Результат

Ссылка на электронную почту

BB код [email] позволяет вам создать ссылку на адрес электронной почты. Вы можете добавить необязательный параметр 'name' к вашей ссылке.

Ссылка на URL

BB код [url] позволяет вставлять ссылки на сайты или файлы. Используя дополнительный параметр, можно указать название ссылки.

Ссылка на тему

BB код [thread] позволяет сделать ссылку на тему, используя её номер (ID). Используя дополнительный параметр, можно указать название ссылки.

    • [thread]Номер (ID) темы[/thread]
    • [thread=Номер (ID) темы]значение[/thread]
    Использование
    • [thread]42918[/thread]
    • [thread=42918]Нажмите здесь![/thread]
    (Предупреждение: ID темы/сообщения дан только как пример и может не ссылаться на существующую тему/сообщение.)
    Пример
  • Результат

Ссылка на сообщение

BB код [post] позволяет сделать ссылку на конкретное сообщение, используя его номер (ID). Используя дополнительный параметр, можно указать название ссылки.

    • [post]Номер (ID) сообщения[/post]
    • [post=Номер (ID) сообщения]значение[/post]
    Использование
    • [post]269302[/post]
    • [post=269302]Нажмите здесь![/post]
    (Предупреждение: ID темы/сообщения дан только как пример и может не ссылаться на существующую тему/сообщение.)
    Пример
  • Результат

Маркированные списки

BB код [list] позволяет создавать простые и нумерованные списки с различными опциями. В пределах одного BB код списка каждый маркер должен быть определен BB кодом [*].

  • [list]значение[/list]
    Использование
  • [list]
    [*]Элемент списка 1
    [*]Элемент списка 2
    [/list]
    Пример
    • Элемент списка 1
    • Элемент списка 2
    Результат

Расширенный (нумерованный) список

BB код [list] позволяет также создавать списки с некоторыми дополнительными опциями. Для нумерованного списка опция должна иметь значение 1. Для алфавитного списка с заглавными буквами - значение A, с прописными буквами - значение а. Для больших римских цифр - I, для маленьких - i.

  • [list=Опция]значение[/list]
    Использование
  • [list=1]
    [*]Элемент списка 1
    [*]Элемент списка 2
    [/list]

    [list=A]
    [*]Элемент списка 1
    [*]Элемент списка 2
    [/list]

    [list=a]
    [*]Элемент списка 1
    [*]Элемент списка 2
    [/list]
    Пример
    1. Элемент списка 1
    2. Элемент списка 2
    1. Элемент списка 1
    2. Элемент списка 2
    1. Элемент списка 1
    2. Элемент списка 2
    Результат

Изображения

BB код [img] позволяет вставлять изображения в пределах вашего сообщения. При комбинировании с BB кодом [url] изображения можно сделать в виде ссылок.

  • [img]значение[/img]
    Использование
    • [img]https://microsoft.stratege.ru/forums/images/ps3t/statusicon/forum_new-48.png[/img] (Без ссылки)
    • [url=http://www.example.com] [img]https://microsoft.stratege.ru/forums/images/ps3t/statusicon/forum_new-48.png[/img] [/url] (В виде ссылки)
    Пример
    • (Без ссылки)
    • (В виде ссылки)
    Результат

Видео

BB код [video] позволяет вам вставить в свои сообщения видеоролики с различных видео сервисов.

  • [video]значение[/video]
    Использование
    • [video=youtube;eOUq4Z6R7xI]http://www.youtube.com/watch?v=eOUq4Z6R7xI[/video]
    Пример
    Результат

Код

BB код [code] предназначен для публикации в сообщении примеров различных кодов. С помощью специального форматирования код будет только отображаться, а не исполняться.

  • [code]значение[/code]
    Использование
  • [code]
    <script type="text/javascript">
    <!--
        alert("Hello world!");
    //-->
    </script>
    [/code]
    Пример
  • Код:
    <script type="text/javascript">
    <!--
    	alert("Hello world!");
    //-->
    </script>
    Результат

PHP код

BB код [php] исполняет ту же самую функцию, что и BB код [code]. Разница в том, что он подсвечивает синтаксис языка PHP. Хоть этот BB код и разрабатывался для языка PHP, он может работать и с другими языками.

  • [php]значение[/php]
    Использование
  • [php]
    $myvar = 'Hello World!';
    for ($i = 0; \$i < 10; \$i++)
    {
        echo $myvar . "\n";
    }
    [/php]
    Пример
  • PHP код:
    $myvar 'Hello World!';
    for (
    $i 0$i 10$i++)
    {
        echo 
    $myvar "\n";

    Результат

Код HTML

BB код [html] позволяет вам выделить теги форматирования HTML в вашем тексте.

  • [html]значение[/html]
    Использование
  • [html]
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    [/html]
    Пример
  • Код HTML:
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    Результат

Цитата

The [quote] tag allows you to attribute text to someone else.

    • [quote]Цитата[/quote]
    • [quote=Имя]значение[/quote]
    Использование
    • [quote]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe;1604655]Lorem ipsum dolor sit amet[/quote]
    Пример
    • Lorem ipsum dolor sit amet
    • Цитата Сообщение от John Doe
      Lorem ipsum dolor sit amet
    • Цитата Сообщение от John Doe Посмотреть сообщение
      Lorem ipsum dolor sit amet
    Результат

Выделение

BB код [highlight] позволяет выделить ваш текст.

  • Использование
    [highlight]значение[/highlight]
  • Пример
    [highlight]Этот текст выделен[/highlight]
  • Результат
    Этот текст выделен

Прекратить распознавание BB кодов

BB код [noparse] позволит вам отменить распознавание BB кодов.

  • [noparse][b]значение[/b][/noparse]
    Использование
  • [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
    Пример
  • [b]Lorem ipsum dolor sit amet[/b]
    Результат

Вложение

BB код [attach] позволяет вам отображать вложение в ваших сообщениях как внизу. Будут отображены только те вложения, которые принадлежат соответствующему сообщению.

  • [attach]Номер вложения[/attach]
    Использование
  • [attach]12345[/attach]
    Пример
  • Результат

Анонс

  • [adt]значение[/adt]
    Использование
  • [adt]Текст[/adt]
    Пример
  • Текст
    Результат

Имя «якоря» для ссылок

Тег [aname] используется для создания «якоря» на который будет ссылаться ссылка созданная с помощь тега [jumpto]. Эти теги нужно использовать вместе, они не будут работать поодиночке.

Background

Позволяет задать произвольный фон у текстово-графического блока.

  • [bg=Опция]значение[/bg]
    Использование
  • [bg=http://static.stratege.ru/themes/stratege/images/footer-bkg.png]Съешь же ещё этих мягких французских булок, да выпей чаю.[/bg]
    Пример
  • Съешь же ещё этих мягких французских булок, да выпей чаю.
    Результат

Разделитель анонса в Drupal

Позволяет настроить длину анонса на главную страницу форума, в случае если тег не найдет в тексте статьи, то для обрезки будет браться количество символов ("Длина усеченных материалов").

  • [break]значение[/break]
    Использование
  • Текст на анонс.[break][/break]Продолжение текста.
    Пример
  • Текст на анонс.Продолжение текста.
    Результат

Google Document

Embed a Google Document.

  • [gd]значение[/gd]
    Использование
  • [gd]1bhtK-AhiXqfWK5bGJcULvEO3zMahcFgnJEsT1YvYsuc[/gd]
    Пример
  • Результат

Google Spreadsheet

Embed a Google Spreadsheet.

  • [gs]значение[/gs]
    Использование
  • [gs]0AmOHO6Cm8vvAdFR2b0dMMnVwMUE0MlpXYnowWnowWWc[/gs]
    Пример
  • Результат

Image Comparison Slider

Позволяет разместить рядом две картинки и ползунок для их сравнения. В качестве опции тега нужно задать первую картинку, а в качестве параметра вторую картинку.

  • [img-comp=Опция]значение[/img-comp]
    Использование
  • [img-comp=https://www.stratege.ru/forums/misc/juxtapose/Sochi_11April2005.jpg|https://www.stratege.ru/forums/misc/juxtapose/Sochi_22Nov2013.jpg][/img-comp]
    Пример
  • Результат

Align Image Tag

Позволяет разместить изображение слева или справа заставляя его обтекать текст. Использовать, «left» для обтекания с права и «right» для обтекания слева.

  • [imgal=Опция]значение[/imgal]
    Использование
  • [imgal=left]http://static.stratege.ru/themes/images/RARS/18_white.png[/imgal]С обтеканием справа
    Пример
  • С обтеканием справа
    Результат

Ссылка «якорь»

Данный тег [jumpto] позволят вам создать ссылку на часть сообщения, удобно для сборки ЦЗВ или указания заголовков больших сообщений. Данный тэг нужно использовать вместе с тегом [aname], поодиночке эти теги не работают.

Ссылка открывается в том же окне

Код позволяет открывать ссылки в том же окне.

  • [link=Опция]значение[/link]
    Использование
  • [link=http://www.bbc.co.uk]BBC[/link]
    Пример
  • Результат

Mention

Mention an user to alert him or her to this post!

  • [mention]значение[/mention]
    Использование
  • [mention]Username[/mention]
    Пример
  • @Username;
    Результат

MP3 Player

Вставьте в сообщение музыкальный плеер и загрузите в него MP3.

  • [MP3]значение[/MP3]
    Использование
  • https://www.url.com/track.mp3
    Пример
  • https://www.url.com/track.mp3
    Результат

Review Rating

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

  • [rr=Опция]значение[/rr]
    Использование
  • [rr=http://www.stratege.ru/misc/reviews/defiance/Defiance-rating-bg.png]80[/rr]
    Пример
  • 80
    Результат

Strikethrough

Позволяет зачеркнуть часть текста.

  • [s]значение[/s]
    Использование
  • [s]Зачёркнутый текст.[/s]
    Пример
  • Зачёркнутый текст.
    Результат

Soundcloud

Композиция или список с SoundCloud на форум – просто введите ссылку чтобы форум распознал её.

  • [sc]значение[/sc]
    Использование
  • [sc]https://soundcloud.com/kirkap/destiny-2-original-31[/sc]
    Пример
  • Результат

Spoiler - пустой

Позволяет спрятать/показать часть текста. Так вы можете оградить и предупредить пользователей от информации, которую они возможно не хотят сейчас видеть. Технический вариант тега, предназначенный для решения проблемы, когда пользователю ломает вводить заголовок.

  • [Spoiler]значение[/Spoiler]
    Использование
  • [spoiler]Скрытый текст[/spoiler]
    Пример
  •  
    Скрытый текст
    Результат

Spoiler

Позволяет спрятать/показать часть текста. Так вы можете оградить и предупредить пользователей от информации которую они возможно не хотят сейчас видеть.

  • [Spoiler=Опция]значение[/Spoiler]
    Использование
  • [spoiler="Скрытый текст"]Скрытый текст[/spoiler]
    Пример
  •  
    Скрытый текст
    Результат

WebM Видео

Позволяет вставлять видео в формате WebM.

  • [webm]значение[/webm]
    Использование
  • [webm]http://video.webmfiles.org/big-buck-bunny_trailer.webm[/webm]
    Пример
  • Результат

WebM Видео - с опциями

Позволяет вставлять видео в формате WebM, с параметрами. Возможность убрать управление, добавить авто проигрывание и/или выключить звук. Поддерживаются параметры: autoplay, muted, loop и controls='true'. (Параметр controls должен обязательно содержать дополнительно ='true', в противном случае видео может не пригреваться на устройства от Apple)

  • [webm=Опция]значение[/webm]
    Использование
  • [webm="autoplay muted loop"]http://video.webmfiles.org/big-buck-bunny_trailer.webm[/webm]
    Пример
  • Результат

Wide Media Left

Позволяет вставить картинку врезку в виде текстово-графического блока.

  • [wml=Опция]значение[/wml]
    Использование
  • [wml=http://www.stratege.ru/forums/images/itgr_images/big_image/e97e011831788005b63422e89db09e90.jpg] [SIZE=4]Булочки![/SIZE] Съешь же ещё этих мягких французских булок, да выпей чаю. [/wml]
    Пример
  • Булочки! Съешь же ещё этих мягких французских булок, да выпей чаю.
    Результат

Wide Media Right

Позволяет вставить картинку врезку в виде текстово-графического блока.

  • [wmr=Опция]значение[/wmr]
    Использование
  • [wmr=http://www.stratege.ru/forums/images/itgr_images/big_image/e97e011831788005b63422e89db09e90.jpg] [SIZE=4]Булочки![/SIZE] Съешь же ещё этих мягких французских булок, да выпей чаю. [/wmr]
    Пример
  • Булочки! Съешь же ещё этих мягких французских булок, да выпей чаю.
    Результат
Пожертвования: