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 |
[BT] |
Bugtracker Ticket |
[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 |
[IMG] |
IMG без запроса |
[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]https://kb.tk-chel.ru/[/url]
[url=https://kb.tk-chel.ru/]БАЗА ЗНАНИЙ КОМПАНИИ «ТЕХНОКОМ»[/url]
|
Результат |
https://kb.tk-chel.ru/
БАЗА ЗНАНИЙ КОМПАНИИ «ТЕХНОКОМ»
|
Ссылка на тему |
BB код [thread] позволяет сделать ссылку на тему, используя её номер (ID). Используя дополнительный параметр, можно указать название ссылки. |
Использование |
[thread]Номер (ID) темы[/thread]
[thread=Номер (ID) темы]значение[/thread]
|
Пример |
[thread]42918[/thread]
[thread=42918]Нажмите здесь![/thread]
(Предупреждение: ID темы/сообщения дан только как пример и может не ссылаться на существующую тему/сообщение.)
|
Результат |
https://kb.tk-chel.ru//showthread.php?t=42918
Нажмите здесь!
|
Ссылка на сообщение |
BB код [post] позволяет сделать ссылку на конкретное сообщение, используя его номер (ID). Используя дополнительный параметр, можно указать название ссылки. |
Использование |
[post]Номер (ID) сообщения[/post]
[post=Номер (ID) сообщения]значение[/post]
|
Пример |
[post]269302[/post]
[post=269302]Нажмите здесь![/post]
(Предупреждение: ID темы/сообщения дан только как пример и может не ссылаться на существующую тему/сообщение.)
|
Результат |
https://kb.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
- Элемент списка 2
- Элемент списка 1
- Элемент списка 2
|
Изображения |
BB код [img] позволяет вставлять изображения в пределах вашего сообщения. При комбинировании с BB кодом [url] изображения можно сделать в виде ссылок. |
Использование |
[img]значение[/img] |
Пример |
[img]https://kb.tk-chel.ru//images/ca_evo_gray/statusicon/forum_new.gif[/img] (Без ссылки)
[url=http://www.example.com] [img]https://kb.tk-chel.ru//images/ca_evo_gray/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;200196]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] |
Bugtracker Ticket |
|
Использование |
[BT]значение[/BT] |
Пример |
[BT]https://trk.tk-chel.ru/issues/0000[/BT] |
Результат |
[BT]https://trk.tk-chel.ru/issues/0000[/BT] |
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] |
Результат |
|
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.
|
Текущее время: 00:28. Часовой пояс GMT.
|
|