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

[ErikPshat]

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

[ErikPshat]

DECOR - выделение фона цветом
decor

<span style="display: inline-block; background: {option}; 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; font-weight: normal; padding: 0.2em 0.4em 0.2em;">{param}</span>

Выделение фона цветом
Для выделение фона текста цветом используйте bb-код [DECOR].
В окне опции введите цвет в формате #RRGGBB или название.

[ErikPshat]

Заголовок:
Spoiler

Название BB кода:
spoiler

Замена:

<div style="clear:both;margin: 15px 0px;"><div style="margin-bottom:2px"><input type="button" value="Открыть" style="width:64px;font-size:11px;margin:0px;padding:1px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Закрыть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Открыть'; }">  <b>{option}</b></div><div class="pagemessage" style="margin: 0px; padding: 6px; border: 1px inset;"> <div style="display: none;"> {param} </div></div></div>

Пример:

Заголовок

Скрытый текст

Описание:
Тег спойлера, который позволяет скрыть текст под определенным заголовком.

[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
Якорь, куда должна быть произведена прокрутка страницы или переход по ссылке