Все BB-коды все обозначения для тегов, список всех bbCode, пример
Список всех bbCode - обозначение, значение, написание, на странице приведены, практически все известные обозначения для BB-кодов!
На этой странице только список всех 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 [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
[img title="bbcode code название картинки"]https://dwweb.ru/__img/bbcode.png[/img]
Код картинки в функции bbcode и alt:
/\[img alt="(.*?)"\](.*?)\[\/img\]/is'
<img src="$2" alt="$1">'
Живой пример тэг bbcode картинки с alt
[img alt="bbcode code название картинки"]https://dwweb.ru/__img/bbcode.png[/img]
Код картинки в функции bbcode и title и alt:
/\[img title="(.*?) alt="(.*?)"\](.*?)\[\/img\]/is'
<img src="$3" title="$1" alt="$2">
Живой пример тэг bbcode картинки с title и alt
[img title="bbcode code название картинки" alt="bbcode code название картинки"]https://dwweb.ru/__img/bbcode.png[/img]
[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]
<a href=https://dwweb.ru/>Линк на DWWEB.RU</a>
Якорь в bbcode
[goto="id"] <a name="">Якорь</a> [/goto] — ссылка на чаcть контента на странице
Поскольку name считается устаревшим(устаревающим), то возможно использовать id, - должен быть уникальным!
Теги 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:
[youtube]oDMrbJWpIDY[/youtube]
Код преобразования 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.