Справочник BB-code
Работа с текстом:
| BB-код | Описание | Пример | Представление в HTML |
|---|---|---|---|
| [b]текст[/b] | Важный текст, полужирный | текст | <strong>текст</strong> |
| [i]текст[/i] | Важный текст, курсив | текст | <em>текст</em> |
| [bold]текст[/bold] | Просто полужирный | текст | <b>текст</b> |
| [italic]текст[/italic] | Просто курсив | текст | <i>текст</i> |
| [u]текст[/u] | Подчёркнутый текст | текст | <u>текст</u> |
| [s]текст[/s] | Зачеркнутый | <s>текст</s> | |
| [sup]текст[/sup] | Верхний индекс | текст | <sup>текст</sup> |
| [sub]текст[/sub] | Нижний индекс | текст | <sub>текст</sub> |
| [small]текст[/small] | Уменьшенный шрифт | текст | <small>текст</small> |
| [p]текст[/p] | Абзац | <p>текст</p> | |
| [color=цвет]текст[/color] | Цвет текста | <span style="color:цвет">текст</span> | |
| [size=10pt]текст[/size] | Размер шрифта | <span style="font-size:10pt">текст</span> | |
| [div=стиль]текст[/div] | style для блока | <div style="стиль">текст</div> | |
| [p=стиль]текст[/p] | style для абзаца | <p style="стиль">текст</p> | |
| [span=стиль]текст[/span] | style для текста | <span style="стиль">текст</span> |
Выравнивание:
| BB-код | Описание | Представление в HTML |
|---|---|---|
| [left]текст[/left] | Выравнивание в блоке влево | <div style="text-align: left;">текст</div> |
| [right]текст[/right] | Выравнивание в блоке вправо | <div style="text-align: right;">текст</div> |
| [center]текст[/center] | Выравнивание в блоке по центру | <div style="text-align: center;">текст</div> |
| [justify]текст[/justify] | Выравнивание в блоке по ширине | <div style="text-align: justify;">текст</div> |
| [left стиль]текст[/left] | Выравнивание в блоке влево | <div style="text-align: left; стиль">текст</div> |
| [right стиль]текст[/right] | Выравнивание в блоке вправо | <div style="text-align: right; стиль">текст</div> |
| [center стиль]текст[/center] | Выравнивание в блоке по центру | <div style="text-align: center; стиль">текст</div> |
| [justify стиль]текст[/justify] | Выравнивание в блоке по ширине | <div style="text-align: justify; стиль">текст</div> |
| [pleft]текст[/pleft] | Выравнивание в абзаце влево | <p style="text-align: left;">текст</p> |
| [pright]текст[/pright] | Выравнивание в абзаце вправо | <p style="text-align: right;">текст</p> |
| [pcenter]текст[/pcenter] | Выравнивание в абзаце по центру | <p style="text-align: center;">текст</p> |
| [pjustify]текст[/pjustify] | Выравнивание в абзаце по ширине | <p style="text-align: justify;">текст</p> |
Заголовки:
| BB-код | Описание | Пример | Представление в HTML |
|---|---|---|---|
| [h1]текст[/h1] | Заголовок 1-го уровня | текст | <h1>текст</h1> |
| [h2]текст[/h2] | Заголовок 2-го уровня | текст | <h2>текст</h2> |
| [h3]текст[/h3] | Заголовок 3-го уровня | текст | <h3>текст</h3> |
| [h4]текст[/h4] | Заголовок 4-го уровня | текст | <h4>текст</h4> |
| [h5]текст[/h5] | Заголовок 5-го уровня | текст | <h5>текст</h5> |
| [h6]текст[/h6] | Заголовок 6-го уровня | текст | <h6>текст</h6> |
| [h1(класс)]текст[/h1] | Заголовок 1-го уровня с классом. Аналогично для h2-h6. | <h1 class="класс">текст</h1> |
Списки:
| BB-код | Описание | Представление в HTML |
|---|---|---|
| [list]список[/list] | Маркированный список | <ul>список</ul> |
| [ul]список[/ul] | Маркированный список | <ul>список</ul> |
| [ol]список[/ol] | Нумерованный список | <ol>список</ol> |
| [*]текст | Элемент списка | <li>текст |
| [*]текст[/*] | Элемент списка | <li>текст</li> |
ПРИМЕР СПИСКА: [list] [*]первый [*]второй [*]третий [/list] | ||
Разное:
| BB-код | Описание | Пример | Представление в HTML |
|---|---|---|---|
| [br] | Принудительный перенос строки | <br clear="all"> | |
| [code]текст[/code] | Код | текст | <code>текст</code> |
| [pre]текст[/pre] | Преформатированный текст | текст | <pre>текст</pre> |
| [abbr]абревиатура[/abbr] | Абревиатура | абревиатура | <abbr>абревиатура</abbr> |
| [abbr описание]...[/abbr] | Абревиатура с описанием | абревиатура | <abbr title="описание">абревиатура</abbr> |
| [q]цитата в строке[/q] | Цитата | цитата | <q>цитата в строке</q> |
| [q свойства]цитата в строке[/q] | Цитата со свойствами | <q свойства>цитата в строке</q> | |
| [cite]Сноска[/cite] | Сноска | сноска | <cite>Сноска</cite> |
| [cite свойства]Сноска[/cite] | Сноска со свойствами | <cite свойства>Сноска</cite> | |
| [address]адрес[/address] | Адрес | адрес | <address>адрес</address> |
| [address свойства]адрес[/address] | Адрес со свойствами | <address свойства>адрес</address> | |
| [dfn]Новый термин[/dfn] | <dfn>Новый термин</dfn> | ||
| [dfn свойства]Новый термин[/dfn] | <dfn свойства>Новый термин</dfn> | ||
| [del]удаленный текст[/del] | <del>удаленный текст</del> | ||
| [del свойства]удаленный текст[/del] | <del свойства>удаленный текст</del> | ||
| [ins]Добавленный текст[/ins] | <ins>Добавленный текст</ins> | ||
| [ins свойства]Добавленный текст[/ins] | <ins свойства>Добавленный текст</ins> | ||
| [dl]Список определений[/dl] | <dl>Список определений</dl> | ||
| [dl свойства]Список определений[/dl] | <dl свойства>Список определений</dl> | ||
| [dt]Определение[/dt] | <dt>Определение</dt> | ||
| [dt свойства]Определение[/dt] | <dt свойства>Определение</dt> | ||
| [dd]Описание[/dd] | <dd>Описание</dd> | ||
| [dd свойства]Описание[/dd] | <dd свойства>Описание</dd> | ||
| [quote]текст[/quote] | Цитата | <blockquote>текст</blockquote> | |
| [div(class)]текст[/div] | <div class="class">текст</div> | ||
| [div атрибуты]текст[/div] | <div атрибуты>текст</div> | ||
| [span(class)]текст[/span] | <span class="class">текст</span> | ||
| [span атрибуты]текст[/span] | <span атрибуты>текст</span> | ||
| [text-demo] | Подключает файл text-demo.txt (можно использовать для проверки стилей шаблона) |
Работа с картинками:
| BB-код | Описание | Представление в HTML |
|---|---|---|
| [img]адрес[/img] | Картинка | <img src="адрес"> |
| [img Название]адрес[/img] | ||
| [img(cssClass)]адрес[/img] | Картинка с указанным css-классом | |
| [img(cssClass) Описание]адрес[/img] | Картинка с указанным css-классом и описанием | |
| [image атрибуты]адрес[/image] | Картинка с указанием произвольных атрибутов | <img src="адрес" атрибуты> |
| [imgmini=_адрес-mini]адрес[/imgmini] | Открыть в новом окне | <a href="адрес" target="_blank"><img src="адрес-mini"></a> |
| [imgmini=адрес-mini]адрес[/imgmini] | Открыть в том же окне | <a href="адрес"><img src="адрес-mini"></a> |
Работа с ссылками:
| BB-код | Представление в HTML |
|---|---|
| [url]http://maxsite.org/[/url] | <a href="http://maxsite.org/">http://maxsite.org/</a> |
| [url=http://maxsite.org/]Блог Макса[/url] | <a href="http://maxsite.org/">Блог Макса</a> |
| [url=http://maxsite.org/ rel="nofollow"]Блог Макса[/url] | <a href="http://maxsite.org/" rel="nofollow">Блог Макса</a> |
| [url rel="nofollow"]http://maxsite.org/[/url] | <a href="http://maxsite.org/" rel="nofollow">http://maxsite.org/</a> |
Работа с таблицей:
ПРИМЕР ТАБЛИЦЫ:
[table]
[tr]
[td]1-я ячейка 1-й строки[/td]
[td]2-я ячейка 1-й строки[/td]
[td]3-я ячейка 1-й строки[/td]
[/tr]
[tr]
[td]1-я ячейка 2-й строки[/td]
[td]2-я ячейка 2-й строки[/td]
[td]3-я ячейка 2-й строки[/td]
[/tr]
[tr]
[td]1-я ячейка 3-й строки[/td]
[td]2-я ячейка 3-й строки[/td]
[td]3-я ячейка 3-й строки[/td]
[/tr]
[/table]
В таблице можно указывать произвольные стили, классы и т.п.: [table class="red" style="border: 1px solid red"] ... [tr rowspan="2"] [td style="font-size: 18pt"] |