Все BB-коды все обозначения для тегов, список всех bbCode, пример
На этой странице только список всех bbCode, а как использовать bbCode?
Список всех тегов BBcode
- Теги BBcode форматирование текста
- Теги BBcode форматирование шрифтов
- Теги BBcode заголовков
- Теги BBcode цвета предопределённые цвета
- Теги BBcode цвет заднего фона(background)
- Теги BBcode выравнивание текста и форматирование параграфов
- Теги BBcode Картинки
- Img bbcode title alt
- Ссылки на другие страницы
- Теги BBcode таблицы
- Теги BBcode специальные тэги
- Теги BBcode работа с терминами
- Теги BBcode видео и других flash-объектов
- Теги BBcode Отображение примеров различных кодов
- Теги BBcode Специальные символы
- Теги BBcode форматирование списков
- Тег BBcode форматирование аудио/музыки
- Тег BBcode форматирование video/видео
- Тег BBcode форматирование youtube/видео
- Тег BBcode форматирование rutube/видео
Теги BBcode форматирование текста
Тег BBcode [strong] жирный
[strong] Важный текст, жирный [/strong]Html аналог :
Тег BBcode [b] полужирный
[b] Важный текст, полужирный [/b]Html аналог :
Тег BBcode [i] курсив
[i] Важный текст, курсив [/i]Html аналог :
Тег BBcode [u] Подчёркнутый текст
[u] Подчёркнутый текст [/u]Html аналог :
Тег BBcode [s] зачеркнутый текст
[s]Html аналог :
Теги BBcode форматирование шрифтов
Тег BBcode [small] Уменьшенный шрифт
[small] Уменьшенный шрифт [/small]Html аналог :
Тег BBcode [sup] + [/sup] сноски
Знак сноски [sup] сверху [/sup]Html аналог :
Тег BBcode [sub] + [/sub] индекс
Индекс [sub] снизу [/sub] от текстаHtml аналог :
Тег BBcode [ins] Добавленный текст
[ins]Добавленный текст [/ins]Html аналог :
Тег BBcode [del] Удалённый текст
[del]Html аналог BBcode "del":
Тег BBcode [size="13pt"] Шрифт размером 13 пунктов
[size="13pt"] Шрифт размером 13 пунктов [/size]Html аналог BBcode размеры шрифта:
Живой ример использования BBcode размеры шрифта:
Тег BBcode [size=15pt] Шрифт размером 15 пунктов
[size=15pt] Шрифт размером 15 пунктов [size]Html аналог BBcode размеры шрифта:
Живой ример использования BBcode размеры шрифта:
Тег BBcode [size=9px] Шрифт размером 9 пикселей
[size=9px] Шрифт размером 9 пикселей [size]Html аналог BBcode размеры шрифта:
Живой ример использования BBcode размеры шрифта:
Тег BBcode [size=12px] Шрифт размером 18 пикселей
[size=18px] Шрифт размером 18 пикселей [size]Html аналог BBcode размеры шрифта:
Живой ример использования BBcode размеры шрифта:
Тег BBcode [size=15px] Шрифт размером 25 пикселей
[size=25px] Шрифт размером 25 пикселей [size]Html аналог BBcode размеры шрифта:
Живой ример использования BBcode размеры шрифта:
Тег BBcode [font=] Times New Roman
[font=Times New Roman ] Шрифт Comic Sans Ms [/font]Тег BBcode [font=] Monotype Corsiva
[font=Monotype Corsiva ] Шрифт Monotype Corsiva [/font]Тег BBcode [font=] Tahoma
[font=Tahoma ] Шрифт Tahoma [/font]Теги заголовков BBcode
Тег BBcode [b] заголовок 1 уровня
[h1] Заголовок 1-го уровня [/h1]Html аналог BBcode заголовок 1 уровня:
Живой ример использования BBcode заголовок 1 уровня:
Пример BBcode заголовок 1 уровня
Тег BBcode [b] заголовок 2 уровня
[h2] Заголовок 2-го уровня [/h2]Html аналог BBcode заголовок 2 уровня:
Живой ример использования BBcode заголовок 2 уровня:
Пример BBcode заголовок 2 уровня
Тег BBcode [b] заголовок 3 уровня
[h3] Заголовок 3-го уровня [/h3]Html аналог BBcode заголовок 3 уровня:
Живой ример использования BBcode заголовок 3 уровня:
Пример BBcode заголовок 3 уровня
Тег BBcode [b] заголовок 4 уровня
[h4] Заголовок 4-го уровня [/h4]Html аналог BBcode заголовок 4 уровня:
Живой ример использования BBcode заголовок 4 уровня:
Пример BBcode заголовок 4 уровня
Тег BBcode [b] заголовок 5 уровня
[h5] Заголовок 5-го уровня [/h5]Html аналог BBcode заголовок 5 уровня:
Живой ример использования BBcode заголовок 5 уровня:
Пример BBcode заголовок 5 уровня
Тег BBcode [b] заголовок 6 уровня
[h6] Заголовок 6-го уровня [/h6]Html аналог BBcode заголовок 6 уровня:
Живой ример использования BBcode заголовок 6 уровня:
Теги BBcode цвета
* Можно пользоваться стандартными словесными обозначениями цветов: Red, Green, Blue и т.д.Тег BBcode "color"(red)
[color=red] Красный текст [/color]Html аналог BBcode color="red":
Живой ример использования BBcode color="red":
Тег BBcode "color"(blue)
[color=blue] Здесь текст [/color]Html аналог BBcode color="blue":
Живой ример использования BBcode color="blue":
Тег BBcode "color"(green)
[color=green] Здесь текст [/color]Html аналог BBcode color="green":
Живой ример использования BBcode color="green":
Теги BBcode цвет заднего фона(background)
Цвет заднего фона - "yellow".
[bg=yellow] Здесь текст [/bg]Html аналог BBcode color="yellow":
Живой ример использования BBcode color="yellow":
Цвет заднего фона - "Cyan".
[bg=Cyan] Здесь текст [/bg]Html аналог BBcode color="Cyan":
Живой ример использования BBcode color="Cyan":
Некоторые предопределённые цвета:
Black White Red Green Blue Purple Firebrick Maroon OrangeRed MidnightBlue CornflowerBlue
Cyan Yellow Magenta DarkGreen DarkGoldenrod Gold Orchid BlueViolet Burlywood PeachPuff
Некоторые цвета в шестнадцатиричном коде — интенсивность красного, зелёного и синего (RRGGBB):
#000000 #FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #FF4444 #FF9999 #FFCCCC #9999FF #FF99FF #DDDDDD #FFE4C4 #CCCC99 #FF8DC #FA8072 #990000 #FF3030 #000080 #000066 #0000CD #AFEEEE #006400 #66FF00 #00B800 #DAA520 #FFCC33 #FFA500 #C71585 #8B008B #CC33FF
Теги BBcode Выравнивание текста и форматирование параграфов
Выравнивание текста:
[left] Выравнивание текста по левой стороне [/left]
[left стиль] Выравнивание по левой стороне со стилем [/left]
[pleft] Выравнивание в абзаце влево [/pleft]
[center] Выравнивание текста по центру [/center]
[center стиль] Выравнивание по центру со стилем [/center]
[pcenter] Выравнивание в абзаце по центру [/pcenter]
[right] Выравнивание текста по правой стороне [/right]
[right стиль] Выравнивание по правой стороне со стилем [/right]
[pright] Выравнивание в абзаце справа [/pright]
[justify] Выравнивание текста по обеим сторонам [/justify]
[justify стиль] Выравнивание по обеим сторонам со стилем [/justify]
[pjustify] Выравнивание в абзаце по обеим сторонам [/pjustify]
* Выравнивание текстов по обеим сторонам отображается для текстов, имеющих длину более одной строки.
Оформление сносок (комментариев) с отступом абзаца:
[q] Цитата в строке [/q]
[q свойства] Цитата в строке со свойствами [/q]
[quote]Примеры:
Процитированный в отдельном блоке текст, у которого будет
небольшой отступ слева и особое оформление (стиль форума).
[/quote]
[quote]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe;54525188]Lorem ipsum dolor sit amet[/quote]

Форматирование параграфов и областей: [indent]
Переформатированный текст[/pre]
сохраняет отступы слева и между словами
и устанавливает те отступы, что вы укажите пробелами.
Предупреждение! Тэг не делает переноса строки автоматом!
Теги BBcode Картинки
[img] https://dwweb.ru/__img/bbcode.png [/img] — пример вставки картинки.
<img src="https://dwweb.ru/__img/bbcode.png">
[imgleft] https://dwweb.ru/__img/bbcode.png [/imgleft] — картинка слева.
<img src="https://dwweb.ru/__img/bbcode.png" style="float: left; margin: 0 10px 0 0;">
[imgright] https://dwweb.ru/__img/bbcode.png [/imgright] — картинка справа.
<img src="https://dwweb.ru/__img/bbcode.png" style="float: right; margin: 0 0 0 10px;">
[imgcenter] https://dwweb.ru/__img/bbcode.png [/imgcenter] — картинка по центру.
<div style="text-align: center"><img src="https://dwweb.ru/__img/bbcode.png"></div>
Тэги bbcode картинки с title и alt.
title:
[img title="Название"]https://dwweb.ru/__img/bbcode.png [/img] — пример вставки картинки.
alt:
[img alt="Название"]https://dwweb.ru/__img/bbcode.png [/img] — пример вставки картинки.
alt + title=
[img title="Название" alt="Название"]https://dwweb.ru/__img/bbcode.png [/img] — пример вставки картинки.
Код картинки в функции bbcode и title:
Живой пример тэг bbcode картинки с title
Код картинки в функции bbcode и alt:
/\[img alt="(.*?)"\](.*?)\[\/img\]/is'
<img src="$2" alt="$1">'
Живой пример тэг bbcode картинки с alt
Код картинки в функции bbcode и title и alt:
/\[img title="(.*?) alt="(.*?)"\](.*?)\[\/img\]/is'
<img src="$3" title="$1" alt="$2">
Живой пример тэг bbcode картинки с title и alt
[imgleft Название] https://dwweb.ru/__img/bbcode.png [/imgleft] — картинка слева.
[imgright Название] https://dwweb.ru/__img/bbcode.png [/imgright] — картинка справа.
[imgcenter Название] https://dwweb.ru/__img/bbcode.png [/imgcenter] — картинка по центру.
Картинки с указанными размерами:
[img=300×500] https://dwweb.ru/__img/bbcode.png [/img] — пример картинки с размером.
<img src="https://dwweb.ru/__img/bbcode.png" style="width: 300px; height: 500px">
[imgleft=300×500] https://dwweb.ru/__img/bbcode.png [/imgleft] — картинка слева, с размером.
[imgright=300×500] https://dwweb.ru/__img/bbcode.png [/imgright] — картинка справа, с размером.
Вставка больших изображений с полосами прокрутки:
[image] https://dwweb.ru/__img/bbcode.png [/image] — картинка в выделенной области, если она больше доступного размера отображения на форуме.

Миниатюры изображения со ссылкой на оригинал:
[imgmini=_адрес-mini] адрес [/imgmini] — открыть изображение в новом окне.
* Данный код аналогичен коду в HTML:
<a href="адрес" target="_blank"><img src="адрес-mini"></a>
[imgmini=адрес-mini] адрес [/imgmini] — открыть изображение в том же окне.
* Данный код аналогичен коду в HTML:
<a href="адрес"><img src="адрес-mini"></a>
Картинка-ссылка (баннер):
[url=https://dwweb.ru/] [img] https://dwweb.ru/__img/bbcode.png [/img] [/url]

Ссылки на другие страницы, FTP, E-Mail и др.
[url] https://dwweb.ru[/url]
<a href="https://dwweb.ru/">https://dwweb.ru/</a>
[url=https://dwweb.ru/] Линк на DWWEB.RU[/url]
Якорь в bbcode
[goto="id"] <a name="">Якорь</a> [/goto] — ссылка на чаcть контента на странице
Теги BBcode таблицы
Пример простейшей таблицы:
Строка 1, колонка 1 | Строка 1, колонка 2 |
Строка 2, колонка 1 | Строка 2, колонка 2 |
[table]
[tr]
[td] Строка 1, колонка 1 [/td]
[td] Строка 1, колонка 2 [/td]
[/tr]
[tr]
[td] Строка 2, колонка 1 [/td]
[td] Строка 2, колонка 2 [/td]
[/tr]
[/table]
В таблице можно указывать произвольные стили и классы. Примеры:
[table class="red" style="border: 1px solid red"]
[tr rowspan="2"]
[td style="font-size: 18pt"]
Теги BBcode специальные тэги
[br] — тэг переноса строки.
[bs] — вставка неразрывного пробела, преобразуется в
[tab] — вставка отступа на 32 пикселя (4 символа), аналог символа TAB.
[ucase] ТЕКСТ [/ucase] — выделенный текст в верхнем регистре.
[lcase] текст [/lcase] — выделенный текст в нижнем регистре.
[highlight] Этот текст выделен [/highlight] — позволяет выделить ваш текст (цветом/фоном/шрифтом).
[spoiler=заголовок] скрытый текст [/spoiler] — позволяет спрятать большой кусок текста и изображения под ссылку (кат). Пример:
[spoiler="Скриншоты"] [img] https://example.com/1.jpg [/img] скрытый текст [/spoiler]
[extract] текст [/extract] — позволяет выделить часть поста в блоге, которая будет показана на титульной странице блога и в RSS feed. Остальной текст будет показан только на странице поста.
[noparse] [b]значение[/b] [/noparse] — отменяет распознавание BB-кодов в выделенном тексте.
[noindex] текст [/noindex] — выделенный текст не будет индексироваться поисковыми системами.
[acronym=‘Твой Верный Спутник’] ТВС [/acronym] — позволяет ввести сокращение (акроним), которое будет показывать пояснение при наведении на него мышью.
[abbr] аббревиатура [/abbr] — указывает, что последовательность символов является аббревиатурой.
[abbr=расшифровка_аббревиатуры] аббревиатура [/abbr]
[cite] Сноска [/cite] — помечает текст как цитату или сноску на другой материал.
[cite свойства] Сноска [/cite]
[address] адрес [/address] — тэг предназначен для хранения информации об авторе и может включать в себя любые элементы вроде ссылок, текста, выделений и т.д.
[address свойства] адрес [/address]
[text-demo] — подключает файл text-demo.txt (можно использовать для проверки стилей шаблона).
[hr] — тэг вставки линии на всю ширину доступной области:
Теги BBcode работа с терминами
Для работы с терминами используется тройка элементов [dl], [dt], [dd], предназначенных для создания списка определений. Каждый такой список начинается с контейнера [dl], куда входит тег [dt], создающий термин и тег [dd], задающий определение этого термина. Закрывающий тег [/dt] не обязателен, поскольку следующий тег сообщает о завершении предыдущего элемента. Тем не менее, хорошим стилем является закрывать все теги.
Пример:
[dl]
[dt] Термин 1 [/dt]
[dd] Определение термина 1 [/dd]
[dt] Термин 2 [/dt]
[dd] Определение термина 2 [/dd]
[/dl]
Как правило, в документе, когда упоминается новый термин, он выделяется курсивом и дается его определение. При использовании этого термина в дальнейшем, он считается уже известным читателю. Тег [dfn] применяется для выделения таких терминов, при их первом появлении в тексте.
[dfn] Новый термин [/dfn]
[dfn свойства] Новый термин [/dfn]
Теги BBcode видео и других flash-объектов
[video] ссылка [/video] — универсальный тег.
Тэги под специализированные видеохостинги с использованием идентификатора:
[youtube] идентификатор [/youtube] — вставка видеоролика с YouTube.com
[rutube] идентификатор [/rutube] — вставка видеоролика с RuTube.ru
[googlevideo] идентификатор [/googlevideo] — вставка видеоролика с Google.com
[veoh] идентификатор [/veoh] — вставка видеоролика с Veoh.com
[smotri] идентификатор [/smotri] — вставка видеоролика с Smotri.com. Возможна модификация [smotricomvideo]
Тэги под специализированные видеохостинги с использованием ссылки:
[mailvideo] ссылка [/mailvideo] — вставка видеоролика с Mail.ru
[yandexvideo] ссылка [/yandexvideo] — вставка видеоролика с Yandex.ru
Любые flash-объекты (сторонние видеохостинги, flash-игры, flash-баннеры и т.д.) можно использовать с помощью: [flash=ширина,высота] адрес_объекта [/flash]
* Размер области определяется в пикселях.
Примеры bbcode youtube:
Код bbcode youtube:
Код замены:
Живой пример использования bbcode youtube:
[video=youtube;9L4YCG7dJeE]https://youtu.be/9L4YCG7dJeE[/video][googlevideo]8420876204610684862[/googlevideo]
[veoh]v922088SBwxySaR[/veoh]
[yandexvideo]pugachev-alexander/1rgzbi6w6b.809/[/yandexvideo]
Теги BBcode Отображение примеров различных кодов
BB-код в том числе предназначен для публикации примеров различных кодов. С помощью специального форматирования код будет только отображаться, но не исполняться. Кроме того, программный код будет отображаться с «цветовой подсветкой» (highlight).
[prog=язык] текст программы [/prog]
где «язык» может принимать значения: cpp, objectivec, cs, delphi, avrasm, 1c, python, profile, perl, erlang, erlang_repl, apache, nginx, php, xml, html, css, java, javascript, vbscript, sql, lisp, django, scala, ruby, go, lua, vala, rsl, rib, mel, smalltalk, bash, cmake, axapta, vhdl, parser3, tex, haskell, dos, ini, diff, no-highlight.
[code] текст моноширинным шрифтом [/code] — любой код и текст.
[code=php] текст [/code] — код языка PHP с соответствующей «цветовой подсветкой».
[php] отображаемый HTML-код [/php] — код PHP с «цветовой подсветкой».
[html] отображаемый HTML-код [/html] — код HTML с «цветовой подсветкой».
[sql] отображаемый HTML-код [/sql] — SQL-код с «цветовой подсветкой».
Теги BBcode Специальные символы
Код | Символ | Для набора на клавиатуре нажмите* |
« | « | ALT+0171 |
» | » | ALT+0187 |
— | — | ALT+0151 |
© | © | ALT+0169 |
® | ® | ALT+0174 |
™ | ™ | ALT+0153 |
/ | / | |
< | < | |
> | > | |
| ALT+0160 — неразрывный пробел** |
* — Зажмите кнопку ALT, наберите код, отпустите ALT. Работает в Windows.
** — Вставьте подряд несколько таких пробелов чтобы они не сливались в один:
— теперь слева отступ в шесть пробелов!
Тег BBcode форматирование аудио/музыки
Для вывода аудио используем тег audio, внутрь помещаем ссылку на аудио :
Результат вывода bbcode audio:
Код преобразования bbcode в тег audio
Тег внутри функции:
Будет преобразовываться:
Тег BBcode форматирование video/видео
Для вывода видео используем тег video, внутрь помещаем ссылку на аудио :
Результат вывода bbcode video:
Код преобразования bbcode в тег video
Тег внутри функции:
Будет преобразовываться:
Тег BBcode форматирование youtube/видео
Для вывода видео с youtube используем тег youtube, внутрь помещаем ссылку на видео(только последний идентификатор из ссылки) :
Html аналог BBcode тега youtube:
Результат вывода bbcode youtube video:
Код преобразования bbcode в тег youtube video
Тег внутри функции:
Будет преобразовываться:
Тег BBcode форматирование rutube/видео
Создаем тег "BBcode форматирование rutube" - аналогично поступаем ля вывода видео с rutube используем тег "rutube", внутрь помещаем ссылку на видео(только последний идентификатор из ссылки) :Html аналог BBcode тега rutube:
Результат вывода bbcode rutube video:
Код преобразования bbcode в тег rutube video
Тег "BBcode rutube" внутри функции:
"BBcode rutube" будет преобразовываться:
Теги BBcode форматирование списков
Используем тэг [ul] или [list] для маркированных списков:
Теги списков ul BBcode.
Обозначение использование тегов списков ul BBcode :
[*] Один из пунктов списка [/*]
[*] Другой такой пункт [/*]
[*] Ещё один пункт. [/*]
[/ul]
Вывод списков ul BBcode
- Один из пунктов списка
- Другой такой пункт
- Ещё один пункт.
У меня на сайте используется BBcode и мои теги немного отличаются от теории, которую вы видели выше, которую я почерпнул из интернета!
Мои теги списков ul BBcode
[ul]
[li]Один из пунктов списка[/li]
[li]Другой такой пункт[/li]
[li]Ещё один пункт.[/li]
[/ul]
И далее реальный пример вывода выше приведенного BBcode тега ul
Возьмем выше приведенный пример использования BBcode тега ul и помещу прямо здесь, смотрим, что получиться:
- Один из пунктов списка
- Другой такой пункт
- Ещё один пункт.
Для пронумерованных списков используем тэг [ol]:
Теги ol - создают нумерованные списки:Теги списков ul BBcode.
[*] Один из пунктов списка [/*]
[*] Другой такой пункт [/*]
[*] Ещё один пункт. [/*]
[/ol]
Вывод списков ol BBcode
- Один из пунктов списка
- Другой такой пункт
- Ещё один пункт.
Использование у меня списков ol BBcode... немного отличается:
[ol]
[li]Один из пунктов списка[/li]
[li]Другой такой пункт[/li]
[li]Ещё один пункт.[/li]
[/ol]
Результат вывода списков ol BBcode.
Этот тег мы тоже можем вывести вживую:
- Один из пунктов списка
- Другой такой пункт
- Ещё один пункт.
Вывод списков list BBcode
[*] Один из пунктов списка
[*] Другой такой пункт
[*] Ещё один пункт.
[/list]
- Один из пунктов списка
- Другой такой пункт
- Ещё один пункт.
Также возможно прямое указания вида списка:
[list=1] — пронумерованный список[list=a] — алфавитный список
[list=i] — список, пронумерованный римскими цифрами
[email] e-mail@example.com [/email] — почтовый ящик как ссылка.
[email=e-mail@example.com] текст под ссылкой на e-mail [/email]
[icq] номер ICQ [/icq] — вставка ICQ-номера как ссылки.
[skype] логин в Skype [/skype] — вставка учётной записи Skype как ссылки.
[wmid] номер WMID [/wmid] — вставка WebMoney-идентификатора WMID как ссылки.
[wiki] искомое значение [/wiki] — ссылка на значение в энциклопедии.
[wiki=искомое значение] отображаемый текст [/wiki] — ссылка в текущем тексте (любом) на нужное значение в энциклопедии.
Ссылки внутри форумов и блогов:
[user] имя_пользователя [/user] — ссылка на профиль пользователя.
[user=ID_пользователя] имя_пользователя_произвольно [/user] — ссылка на профиль пользователя с произвольным текстом.
[forum=ID_форума] Описание [/forum] — ссылка на подфорум по его ID.
[blog=ID_блога] Описание [/blog] — ссылка на блог по его ID.
[thread] ID_темы [/thread] — ссылка на тему по его ID.
[thread=ID_темы] Описание [/thread]
[topic=ID_темы] Описание [/topic] — ссылка на тему по его ID.
[post] ID_сообщения [/post] — ссылка на сообщение по его ID.
[post=ID_сообщения] Описание [/post]
[snapback] ID_сообщения [/snapback] — вставляет маленькую иконку со ссылкой на указанное сообщение по его ID.
[entry=ID_поста] Описание [/entry] — ссылка на пост в блоге по его ID.
bbCode описание кодов
теги bbcode
bbcode теги
bbcode коды
bbcode коды
bbcode для форума
phpbb bbcode
bbcode цветов
bbcode текст
bbcode ссылка
bbcode url
bbcode img
bbcode code
bbcode цвета
bbcode изображения
bbcode ru
bbcode forums
bbcode таблица
php bbcode e
скачать bbcode
bbcode images
открытки bbcode
php bbcode fallen
bbcode float
теги bbcode
бб коды таблица
справочник bbcod e
памятка bb code
bb коды
где найти bbcode
вв коды
bb-теги
подробнее.
подробнее.
подробнее.

подробнее.