Справочник 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=300x500]адрес[/img]Картинка с размерами<img src="адрес" style="width: 300px; height: 500px">
[imgleft]адрес[/imgleft]Картинка влево<img src="адрес" style="float: left; margin: 0 10px 0 0;">
[imgright]адрес[/imgright]Картинка вправо<img src="адрес" style="float: right; margin: 0 0 0 10px;">
[imgcenter]адрес[/imgcenter]Картинка по центру<div style="text-align: center"><img src="адрес"></div>
Аналогичные, только с названиями/всплывающими подсказками. В названии нельзя использовать кавычки!
[img Название]адрес[/img]
[imgleft Название]адрес[/imgleft]
[imgright Название]адрес[/imgright]
[imgcenter Название]адрес[/imgcenter]
[imgleft=300x500]адрес[/imgleft]Картинка с размерами влево
[imgright=300x500]адрес[/imgright]Картинка с размерами вправо
[img(cssClass)]адрес[/img]Картинка с указанным css-классом
[img(cssClass) Описание]адрес[/img]Картинка с указанным css-классом и описанием
Миниатюра (адрес-mini) со ссылкой на оригинал
[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"]

Хостинг сайтов, VDS / VPS, Конструктор сайтов QuSiter,
Регистрация доменов .ru, .рф, .su, .com, .net... ,Создание сайтов