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

Ниже приведены примеры использования BB кодов.
BB коды
[b], [i], [u] Полужирный / Курсив / Подчёркнутый
[color] Цвет
[size] Размер
[font] Шрифт
[highlight] Выделение
[left], [right], [center] По левому краю / По правому краю / По центру
[indent] Отступ
[email] Ссылка на электронную почту
[url] Ссылка на URL
[thread] Ссылка на тему
[post] Ссылка на сообщение
[list] Маркированные списки / Расширенный (нумерованный) список
[img] Изображения
[code] Код
[php] PHP код
[quote] Цитата
[noparse] Прекратить распознавание BB кодов
[attach] Вложение
[BAD] BAD
[BLACKPOST] BLACKPOST
[BR] BREAK
[CB0] CHECKBOX 0 (unchecked)
[CB1] CHECKBOX 1 (checked)
[cmt] Комментарий модератора
[CUSTOMBOX] CUSTOMBOX
[DOWN] DOWNLOAD
[DOWN-OLD] Downloads-OLD
[ERROR] ERROR
[fa] Font Awesome Icon
[GOOD] GOOD
[GYAZO] GYAZO PNG
[GYAZOJPG] GYAZO JPG
[GYAZOS] GYAZO PNG IMGS
[ig] Instagram
[IMGP] IMG 100%
[IMGS] IMG Миниатюра 300px
[IMGS1] IMG Миниатюра 100px
[IMGS2] IMG Миниатюра 200px
[IMGS4] IMG Миниатюра 400px
[IMGX] IMG Миниатюра X px
[IMPORTANT] IMPORTANT
[INFO] INFO
[NOTE] NOTE
[off] Оффтоп
[PRE] PRE
[Progress] Progress Bar
[QBREAK] Разрыв цитаты
[QUESTION] QUESTION
[RB0] RADIOBUTTON 0 (unchecked)
[RB1] RADIOBUTTON 1 (checked)
[SEPARATOR] Разделитель
[sp3] sp3
[STICKER] STICKER
[STRIKE] Зачеркнуто
[table] table
[TEXTWIDTH] TEXTWIDTH
[TIP] TIP
[WARNING] WARNING
[ZT] Заголовок темы
[spoiler] Spoiler
Неправильное использование 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 код [highlight] позволяет выделить ваш текст.
Использование [highlight]значение[/highlight]
Пример [highlight]Этот текст выделен[/highlight]
Результат Этот текст выделен

По левому краю / По правому краю / По центру
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' к вашей ссылке.
Использование [email]значение[/email]
[email=Опция]значение[/email]
Пример [email]j.doe@example.com[/email]
[email=j.doe@example.com]Нажмите здесь, чтобы отправить мне электронное письмо[/email]
Результат j.doe@example.com
Нажмите здесь, чтобы отправить мне электронное письмо

Ссылка на URL
BB код [url] позволяет вставлять ссылки на сайты или файлы. Используя дополнительный параметр, можно указать название ссылки.
Использование [url]значение[/url]
[url=Опция]значение[/url]
Пример [url]http://forum.tk-chel.ru[/url]
[url=http://forum.tk-chel.ru]ОФИЦИАЛЬНЫЙ ФОРУМ ГРУППЫ КОМПАНИЙ «ТЕХНОКОМ»[/url]
Результат http://forum.tk-chel.ru
ОФИЦИАЛЬНЫЙ ФОРУМ ГРУППЫ КОМПАНИЙ «ТЕХНОКОМ»

Ссылка на тему
BB код [thread] позволяет сделать ссылку на тему, используя её номер (ID). Используя дополнительный параметр, можно указать название ссылки.
Использование [thread]Номер (ID) темы[/thread]
[thread=Номер (ID) темы]значение[/thread]
Пример [thread]42918[/thread]
[thread=42918]Нажмите здесь![/thread]
(Предупреждение: ID темы/сообщения дан только как пример и может не ссылаться на существующую тему/сообщение.)
Результат http://forum.tk-chel.ru/showthread.php?t=42918
Нажмите здесь!

Ссылка на сообщение
BB код [post] позволяет сделать ссылку на конкретное сообщение, используя его номер (ID). Используя дополнительный параметр, можно указать название ссылки.
Использование [post]Номер (ID) сообщения[/post]
[post=Номер (ID) сообщения]значение[/post]
Пример [post]269302[/post]
[post=269302]Нажмите здесь![/post]
(Предупреждение: ID темы/сообщения дан только как пример и может не ссылаться на существующую тему/сообщение.)
Результат http://forum.tk-chel.ru/showthread.php?p=269302#post269302
Нажмите здесь!

Маркированные списки
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]
Результат
  1. Элемент списка 1
  2. Элемент списка 2
  1. Элемент списка 1
  2. Элемент списка 2

Изображения
BB код [img] позволяет вставлять изображения в пределах вашего сообщения. При комбинировании с BB кодом [url] изображения можно сделать в виде ссылок.
Использование [img]значение[/img]
Пример [img]http://forum.tk-chel.ru/images/ca_evo_pblue/statusicon/forum_new.gif[/img] (Без ссылки)

[url=http://www.example.com] [img]http://forum.tk-chel.ru/images/ca_evo_pblue/statusicon/forum_new.gif[/img] [/url] (В виде ссылки)
Результат (Без ссылки)

(В виде ссылки)

Код
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";


Цитата
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;187539]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 кодов
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]
Результат

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

BLACKPOST
Использование [BLACKPOST]значение[/BLACKPOST]
Пример [BLACKPOST][COLOR="White"]Пример[/COLOR][BLACKPOST]
Результат [BLACKPOST]Пример[BLACKPOST]

BREAK
Вставка разрыва строки
Использование [BR]значение[/BR]
Пример [BR]
Результат [BR]

CHECKBOX 0 (unchecked)
Использование [CB0]значение[/CB0]
Пример [CB0]Не согласен[/CB0]
Результат [CB0]Не согласен[/CB0]

CHECKBOX 1 (checked)
Использование [CB1]значение[/CB1]
Пример [CB1]Согласен[/CB1]
Результат [CB1]Согласен[/CB1]

Комментарий модератора
Использование [cmt]значение[/cmt]
Пример [cmt]Здесь находится комментарий...[/cmt]
Результат Комментарий модератора:
Здесь находится комментарий...

CUSTOMBOX
Кастомизируемый через свойство "style" DIV
Использование [CUSTOMBOX=Опция]значение[/CUSTOMBOX]
Пример [CUSTOMBOX="width: 900px; border: solid 1px #999; padding: 15px;"]Text text text text[/CUSTOMBOX]
Результат [CUSTOMBOX="width: 900px; border: solid 1px #999; padding: 15px;"]Text text text text[/CUSTOMBOX]

DOWNLOAD
Использование [DOWN]значение[/DOWN]
Пример [DOWN]Пример[/DOWN]
Результат [DOWN]Пример[/DOWN]

Downloads-OLD
Изменяет вид ссылок на вашем форуме.
Использование [DOWN-OLD]значение[/DOWN-OLD]
Пример [DOWN-OLD]http://vbsupport.org[/DOWN-OLD]
Результат [DOWN-OLD]http://vbsupport.org[/DOWN-OLD]

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

Font Awesome Icon
Font Awesome icons!
Использование [fa]значение[/fa]
Пример [fa]male[/fa][fa]female[/fa]
Результат

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

GYAZO PNG
Использование [GYAZO]значение[/GYAZO]
Пример [GYAZO]http://gyazo.com/128ca0e23c0556ff4d5feff5896bce26[/GYAZO]
Результат [GYAZO]http://gyazo.com/128ca0e23c0556ff4d5feff5896bce26[/GYAZO]

GYAZO JPG
Использование [GYAZOJPG]значение[/GYAZOJPG]
Пример [GYAZOJPG]https://gyazo.com/d7ecc2886b05fe32173f34b55241108a[/GYAZOJPG]
Результат [GYAZOJPG]https://gyazo.com/d7ecc2886b05fe32173f34b55241108a[/GYAZOJPG]

GYAZO PNG IMGS
Использование [GYAZOS]значение[/GYAZOS]
Пример [GYAZOS]http://gyazo.com/128ca0e23c0556ff4d5feff5896bce26[/GYAZOS]
Результат [GYAZOS]http://gyazo.com/128ca0e23c0556ff4d5feff5896bce26[/GYAZOS]

Instagram
Использование [ig]значение[/ig]
Пример [ig]BG81Q-fKlUN[/ig]
Результат

IMG 100%
Использование [IMGP]значение[/IMGP]
Пример [IMGP]http://i.tk-chel.ru/dima/picpick/20150330-113544.png[/IMGP]
Результат [IMGP]http://i.tk-chel.ru/dima/picpick/20150330-113544.png[/IMGP]

IMG Миниатюра 300px
IMG Миниатюра шириной 300px
Использование [IMGS]значение[/IMGS]
Пример [IMGS]http://i.tk-chel.ru/dima/picpick/20150330-113544.png[/IMGS]
Результат [IMGS]http://i.tk-chel.ru/dima/picpick/20150330-113544.png[/IMGS]

IMG Миниатюра 100px
Использование [IMGS1]значение[/IMGS1]
Пример [IMGS1]http://i.tk-chel.ru/dima/picpick/20150330-113544.png[/IMGS1]
Результат [IMGS1]http://i.tk-chel.ru/dima/picpick/20150330-113544.png[/IMGS1]

IMG Миниатюра 200px
IMG Миниатюра шириной 200px
Использование [IMGS2]значение[/IMGS2]
Пример [IMGS2]http://i.tk-chel.ru/dima/picpick/20150330-113544.png[/IMGS2]
Результат [IMGS2]http://i.tk-chel.ru/dima/picpick/20150330-113544.png[/IMGS2]

IMG Миниатюра 400px
IMG Миниатюра шириной 400px
Использование [IMGS4]значение[/IMGS4]
Пример [IMGS4]http://i.tk-chel.ru/dima/picpick/20150330-113544.png[/IMGS4]
Результат [IMGS4]http://i.tk-chel.ru/dima/picpick/20150330-113544.png[/IMGS4]

IMG Миниатюра X px
IMG Миниатюра шириной X px
Использование [IMGX=Опция]значение[/IMGX]
Пример [IMGX="250"]http://i.tk-chel.ru/dima/picpick/20150330-113544.png[/IMGX]
Результат [IMGX="250"]http://i.tk-chel.ru/dima/picpick/20150330-113544.png[/IMGX]

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

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

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

Оффтоп
Использование [off]значение[/off]
Пример [off]Здесь текст оффтопика...[/off]
Результат Оффтоп: Здесь текст оффтопика...

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

Progress Bar
Использование [Progress]значение[/Progress]
Пример [Progress]25[/Progress]
Результат [Progress]25[/Progress]

Разрыв цитаты
Вставляет тег разрыва цитаты: [/quote]выделенный текст (если он есть)[quote]
Использование [QBREAK]значение[/QBREAK]
Пример [/quote][quote]
Результат [/quote][quote]

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

RADIOBUTTON 0 (unchecked)
Использование [RB0]значение[/RB0]
Пример [RB1]Не согласен[/RB1]
Результат [RB1]Не согласен[/RB1]

RADIOBUTTON 1 (checked)
Использование [RB1]значение[/RB1]
Пример [RB1]Согласен[/RB1]
Результат [RB1]Согласен[/RB1]

Разделитель
Использование [SEPARATOR]значение[/SEPARATOR]
Пример [SEPARATOR]
Результат [SEPARATOR]

sp3
три пробела
Использование [sp3]значение[/sp3]
Пример [sp3]три пробела[/sp3]
Результат    три пробела

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

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

table
With this vB code tables can be inserted into the post. Columns are seperated by |
Использование [table]значение[/table]
Пример [table]column 1|column 2|column 3[/table]
Результат
column 1column 2column 3

TEXTWIDTH
Текстбокс заданной ширины
Использование [TEXTWIDTH=Опция]значение[/TEXTWIDTH]
Пример [TEXTWIDTH="700"]Text text text text[/TEXTWIDTH]
Результат [TEXTWIDTH="700"]Text text text text[/TEXTWIDTH]

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

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

Заголовок темы
Заголовок крупно синим
Использование [ZT]значение[/ZT]
Пример [zt]Заголовок крупно синим[/zt]
Результат [zt]Заголовок крупно синим[/zt]

Spoiler
The [spoiler] tag allows you to hide a large texts, codes, images and so on when viewing thread.
Использование [spoiler]This is an example with default header.[/spoiler]
[spoiler=Опция]This is an example with user define header.[/spoiler]
Пример [spoiler]This is an example with default header.
This is an example with default header.
This is an example with default header.
This is an example with default header.[/spoiler]
[spoiler=User defined header]This is an example with user define header.
This is an example with user define header.
This is an example with user define header.
This is an example with user define header.[/spoiler]
Результат
Нажмите для просмотра содержимого...
This is an example with default header.
This is an example with default header.
This is an example with default header.
This is an example with default header.
User defined header
This is an example with user define header.
This is an example with user define header.
This is an example with user define header.
This is an example with user define header.


Текущее время: 23:04. Часовой пояс GMT.


Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd. Перевод: zCarot