Список BB-кодов форума

[ErikPshat]

Заголовок
Название BB кода
Замена
Пример
Описание

[ErikPshat]

Strike
S

<span style="text-decoration:line-through;">{param}</span>

Зачёркнутый текст
Зачёркнутый текст

[ErikPshat]

Горизонтальная линия
hr

<hr style="border-style: inset; border-width: 1px; box-sizing: content-box; display: block; height: 0px; margin: 0.5em auto;" />

---

Горизонтальная линия

[ErikPshat]

Оффтопик
OFF

<span><a href="#" title="Для просмотра текста оффтопа - жми сюда" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><img src="https://www.pspx.ru/forum/images/editor/offtop.gif" border="0"></a><div class="subblock" style="display: none">{param}</div></span>

Флуд не по теме

Скрывает текст оффтопа.

[ErikPshat]

Картинка с выравниванием
pic

<img style="float:{option}; margin:8px" src="{param}" alt="" />

Текст обтекает картинку сбоку, не смещаясь ниже или выше.
Картинка с выравниванием и обтеканием текста, по левому краю или правому, или по центру.
Используйте опции LEFT, RIGHT, или CENTER.

[ErikPshat]

Бегущая строка
move

<marquee behavior="alternate" direction="right">{param}</marquee>

Бегущая строка
Движущийся текст

[ErikPshat]

YouTube Video
youtube

<iframe width="640" height="360" src="http://www.youtube.com/embed/{param}" frameborder="0" allowfullscreen></iframe>

Вставка ID видеоролика с сайта youtube.com в видеоплейер на форуме.

[ErikPshat]

Учитывать пробелы
space

<span style="white-space: pre-wrap">{param}</span>

Пробелы учитываются
Данный тег учитывает пробелы и переносы

[ErikPshat]

Подсветка текста
backlight

<span style="background: #ff6600; color: white; padding: 0px 4px 2px; text-shadow: 1px 1px 1px #777; border-radius: 3px;">{param}</span>

Привет мир!
Выделение текста фоновым цветом

[ErikPshat]

Flash
flash

<embed src="{param}" {option} allowScriptAccess ="never" type="application/x-shockwave-flash"><param name="wmode" value="transparent" /></embed>

Вставка Flash SWF в сообщение.

[ErikPshat]

Мультимедиа
media

<div class="bbmedia" data-url="{param}" data-args="{option}" style="margin: 1px; display: inline-block; vertical-align: bottom;"><div style="width: 200px; height: 40px; border: 1px solid #999; display: table-cell; text-align: center; vertical-align: middle; font: 10px/10px Verdana; color: #555; opacity: 0.5;"><a style="color: #105289; text-decoration: none;" href="http://vrublevsky.org/bbmedia/vbulletin/media/" target="_blank">vBulletin [media]</a></div><script>if (typeof bbmedia == "undefined") { bbmedia = true; var e = document.createElement("script"); e.charset="utf-8"; e.async = true; e.src = "http://phpbbex.com/api/bbmedia.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(e, s); }</script></div>

vBulletin [media]

Вставить аудио, видео, карту или панораму с указанием предпочитаемых размеров плеера

[ErikPshat]

FLOAT - выравнивание блока с обтеканием
float

<span style="float:{option};">{param}</span>

ЭТОТ БЛОК СПРАВАА этот блок обтекает его

Обтекание блоков. В запрос ввода опции вводите один из следующих возможных параметров: left | right | none | inherit, где left - выравнивает блок по левому краю, right - по правому, none - нет, inherit - наследует параметры от родителя.

[ErikPshat]

Якорь-гиперссылка
anchor

<a href="{option}">{param}</a>

Перейти к тексту
В опциях выставляете уникальный номер или сочетание слов, на которыое будет осуществлён переход

[ErikPshat]

Таблица - строка
tr

<tr {option}>{param}</tr>

Одна строка

TR - служит контейнером для ячеек горизонтальной строки таблицы.

[ErikPshat]

Таблица - ячейка
td

<td {option}>{param}</td>

1 ячейка

2 ячейка

3 ячейка

TD - предназначен для создания одной ячейки таблицы.

[ErikPshat]

Таблица
table

<table {option}>{param}</table>

1	2	3
4	5	6
7	8	9

Table - служит контейнером для таблицы.

[ErikPshat]

Таблица - колонка
colgroup

<colgroup {option}>{param}</colgroup>

09:00	13:00
завтрак	обед

colgroup предназначен для задания ширины и стиля одной или нескольких колонок таблицы.

[ErikPshat]

Якорь переход
anchorid

<a id="{param}"></a>

Пункт №1
Якорь, куда должна быть произведена прокрутка страницы или переход по ссылке

[ErikPshat]

RESIZE - миниатюра изображения
resize

<span class="inlineimg" style="display: inline-block; background: url({param}); background-size: cover; width: 200px; height: 114px; border-radius: 5px; box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.400), 0px 0.9em 0.5em -0.2em rgba(255, 255, 255, 0.196) inset; padding: 0.2em 0.2em 0.2em; margin: 8px;"><table align="right"><tr><td><a href="{param}" target="_blank"><img src="https://www.pspx.ru/forum/images/icons/loading.gif" alt="Нажмите для увеличения" title="Нажмите для увеличения" /></a></td></tr></table></span>

Уменьшает крупное изображение и отображает миниатюру в сообщениях. Увеличение по клику на лупу.

[ErikPshat]

Video Resized (YouTube.com, VideoBash.com и пр.)
youtres

<iframe {option} src="{param}" frameborder="0" allowfullscreen></iframe>

Вставка URL с видеохостингов с возможностью указания своего размера по ширине и высоте опциями [width=480 height=270]. Ссылка между тегами должна быть прямая и полная (не ID ссылки, а Embed формата), например: https://www.youtube.com/embed/8hjP9nmo7WA