Справочник BB-code
Работа с текстом:
[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] - <div style="стиль">текст</div> - style для блока
[p=стиль]текст[/p] - <p style="стиль">текст</p> - style для абзаца
[span=стиль]текст[/span] - <span style="стиль">текст</span> - style для текста
Выравнивание:
[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> - выравнивание в абзаце по ширине
Заголовки:
[h1]текст[/h1] - <h1>текст</h1> - заголовок 1-го уровня (самый большой)
[h2]текст[/h2] - <h2>текст</h2> - заголовок 2-го уровня
[h3]текст[/h3] - <h3>текст</h3> - заголовок 3-го уровня
[h4]текст[/h4] - <h4>текст</h4> - заголовок 4-го уровня
[h5]текст[/h5] - <h5>текст</h5> - заголовок 5-го уровня
[h6]текст[/h6] - <h6>текст</h6> - заголовок 6-го уровня (самый маленький)
[h1(класс)]текст[/h1] - <h1 class="класс">текст</h1> - заголовок 1-го уровня с классом. Аналогично для h2-h6.
Списки:
[list]список[/list] - <ul>список</ul> - список булечкой
[ul]список[/ul] - <ul>список</ul> - список булечкой
[ol]список[/ol] - <ol>список</ol> - список номерами
[*]текст - <li>текст - элемент списка
[*]текст[/*] - <li>текст</li> - элемент списка
ПРИМЕР СПИСКА:
[list]
[*]первый
[*]второй
[*]третий
[/list]
Разное:
[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 (можно использовать для проверки стилей шаблона)
Работа с картинками:
[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> - в том же окне
Работа с ссылками:
[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"]