BB коды

Описание

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

Список BB кодов

  1. Жирный / Наклонный / Подчеркнутый
  2. Цвет
  3. Размер
  4. Шрифт
  5. Выделение
  6. Влево / Вправо / По центру
  7. Смещение
  8. Ссылка на Email
  9. Web- ссылка
  10. Ссылка на тему
  11. Ссылка на сообщение
  12. Маркированный список / Нумерованный список
  13. Изображения
  14. Videos
  15. Код
  16. PHP-код
  17. HTML-код
  18. Цитата
  19. Отмена BB кодов
  20. Вложение
  21. Spoiler
Неправильное использование BB кодов:
  • [url] www.example.com [/url] - нельзя использовать пробел между тегами и текстом внутри.
  • [email]myname@domain.com[email] - закрывающий тег должен иметь наклонную черту - слеш ([/email])

Жирный / Наклонный / Подчеркнутый

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

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

Цвет

Тег [color] позволяет изменить цвет текста.

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

Размер

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

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

Шрифт

Тег [font] позволяет изменить шрифт.

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

Влево / Вправо / По центру

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

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

Смещение

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

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

Ссылка на Email

Тег [email] позволяет вам вставить ссылку на Email адрес. Воспользовавшись дополнительным параметром вы можите сделать ссылкой на Email какой-либо текст.

Web- ссылка

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

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

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

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

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

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

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

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

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

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

Нумерованный список

Тег [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
    Результат

Изображения

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

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

Videos

The [video] tag allows you to embed videos from various video services within your posts.

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

Код

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

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

PHP-код

Тег [php] исполняет ту же самую функцию что и тег [code]. Разница в том, что он подсвечивает синтаксис языка PHP. Хоть этот тег и разрабатывался для языка 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-код

Тег [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>
    Результат

Цитата

Тэг [quote] позволяет цитировать другие сообщения.

    • [quote]Цитата[/quote]
    • [quote=Имя]значение[/quote]
    Использование
    • [quote]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe;207897]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
    Результат

Выделение

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

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

Отмена BB кодов

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

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

Вложение

Тег [attach] позволяет выделить вложения в вашем сообщении.

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

Spoiler

Creates a button that hides/shows spoiler messages.

  • [Spoiler=Параметр]значение[/Spoiler]
    Использование
  • [SPOILER="Custom Button Title"]Hidden Content Here...[/SPOILER]
    Пример
  •  
    Hidden Content Here...
    Результат