<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>Справка по использованию BB-code</title>
<style>
body{color:#333; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; background: url(bg58.gif); margin: 0; padding: 0;}
table{padding: 20px; margin:0 0 40px 0; border-spacing: 0px; border:1px dashed #dcdcdc; border-radius: 7px; background: #fbfcfd; width: 940px;}
th{background: #deedc8; text-align: left; font-size: 110%; padding:4px;}
td{padding:4px; border: 1px dashed #dcdcdc}
span{color: #1a80ec; text-shadow: 1px 1px 3px #bbb; font-weight: 700;}
i{color: #006f01; font-style: normal;}
#main{width: 940px; margin: 20px auto; padding: 20px; background: white; border-radius: 7px; border: 11px #ddd solid; box-shadow: 0 0 7px #222;}
.zagolovok{font-size: 24px; text-align: center; border-bottom: 2px solid #777; padding-bottom: 20px; margin-bottom: 40px; text-shadow: 1px 1px 3px #999;}
.podzagolovok{font-size: 20px; text-shadow: 1px 1px 2px #999; margin: 0 0 10px 0; color: #556b2f;}
.kurs{font-style: italic; color: #333;}
.primer{padding:0 20px; margin:0; border:1px dotted #dcdcdc; border-radius: 7px; background: #deedc8; box-shadow: 1px 1px 3px #bbb;}
</style>
</head><body><div id="main">
<h1 class="zagolovok">Справочник BB-code</h1>
<h2 class="podzagolovok">Работа с текстом:</h2>
<table>
<tr><th>BB-код</th><th>Описание</th><th>Пример</th><th>Представление в HTML</th></tr>
<tr><td><span>[b]</span>текст<span>[/b]</span></td><td>Важный текст, полужирный</td><td><strong>текст</strong></td><td><i><strong></i>текст<i></strong></i></td></tr>
<tr><td><span>[i]</span>текст<span>[/i]</span></td><td>Важный текст, курсив</td><td><em>текст</em></td><td><i><em></i>текст<i></em></i></td></tr>
<tr><td><span>[bold]</span>текст<span>[/bold]</span></td><td>Просто полужирный</td><td><b>текст</b></td><td><i><b></i>текст<i></b></i></td></tr>
<tr><td><span>[italic]</span>текст<span>[/italic]</span></td><td>Просто курсив</td><td><i class="kurs">текст</i></td><td><i><i></i>текст<i></i></i></td></tr>
<tr><td><span>[u]</span>текст<span>[/u]</span></td><td>Подчёркнутый текст</td><td><u>текст</u></td><td><i><u></i>текст<i></u></i></td></tr>
<tr><td><span>[s]</span>текст<span>[/s]</span></td><td>Зачеркнутый</td><td><s>текст</s></td><td><i><s></i>текст<i></s></i></td></tr>
<tr><td><span>[sup]</span>текст<span>[/sup]</span></td><td>Верхний индекс</td><td><sup>текст</sup></td><td><i><sup></i>текст<i></sup></i></td></tr>
<tr><td><span>[sub]</span>текст<span>[/sub]</span></td><td>Нижний индекс</td><td><sub>текст</sub></td><td><i><sub></i>текст<i></sub></i></td></tr>
<tr><td><span>[small]</span>текст<span>[/small]</span></td><td>Уменьшенный шрифт</td><td><small>текст</small></td><td><i><small></i>текст<i></small></i></td></tr>
<tr><td><span>[p]</span>текст<span>[/p]</span></td><td>Абзац</td><td></td><td><i><p></i>текст<i></p></i></td></tr>
<tr><td><span>[color=цвет]</span>текст<span>[/color]</span></td><td>Цвет текста</td><td></td><td><i><span style="color:цвет"></i>текст<i></span></i></td></tr>
<tr><td><span>[size=10pt]</span>текст<span>[/size]</span></td><td>Размер шрифта</td><td></td><td><i><span style="font-size:10pt"></i>текст<i></span></i></td></tr>
<tr><td><span>[div=стиль]</span>текст<span>[/div]</span></td><td>style для блока</td><td></td><td><i><div style="стиль"></i>текст<i></div></i></td></tr>
<tr><td><span>[p=стиль]</span>текст<span>[/p]</span></td><td>style для абзаца</td><td></td><td><i><p style="стиль"></i>текст<i></p></i></td></tr>
<tr><td><span>[span=стиль]</span>текст<span>[/span]</span></td><td>style для текста</td><td></td><td><i><span style="стиль"></i>текст<i></span></i></td></tr>
</table>
<h2 class="podzagolovok">Выравнивание:</h2>
<table>
<tr><th>BB-код</th><th>Описание</th><th>Представление в HTML</th></tr>
<tr><td><span>[left]</span>текст<span>[/left]</span></td><td>Выравнивание в блоке влево</td><td><i><div style="text-align: left;"></i>текст<i></div></i></td></tr>
<tr><td><span>[right]</span>текст<span>[/right]</span></td><td>Выравнивание в блоке вправо</td><td><i><div style="text-align: right;"></i>текст<i></div></i></td></tr>
<tr><td><span>[center]</span>текст<span>[/center]</span></td><td>Выравнивание в блоке по центру</td><td><i><div style="text-align: center;"></i>текст<i></div></i></td></tr>
<tr><td><span>[justify]</span>текст<span>[/justify]</span></td><td>Выравнивание в блоке по ширине</td><td><i><div style="text-align: justify;"></i>текст<i></div></i></td></tr>
<tr><td><span>[left стиль]</span>текст<span>[/left] </span></td><td>Выравнивание в блоке влево</td><td><i><div style="text-align: left; стиль"></i>текст<i></div></i></td></tr>
<tr><td><span>[right стиль]</span>текст<span>[/right]</span></td><td>Выравнивание в блоке вправо</td><td><i><div style="text-align: right; стиль"></i>текст<i></div></i></td></tr>
<tr><td><span>[center стиль]</span>текст<span>[/center]</span></td><td>Выравнивание в блоке по центру</td><td><i><div style="text-align: center; стиль"></i>текст<i></div></i></td></tr>
<tr><td><span>[justify стиль]</span>текст<span>[/justify]</span></td><td>Выравнивание в блоке по ширине</td><td><i><div style="text-align: justify; стиль"></i>текст<i></div></i></td></tr>
<tr><td><span>[pleft]</span>текст<span>[/pleft]</span></td><td>Выравнивание в абзаце влево</td><td><i><p style="text-align: left;"></i>текст<i></p></i></td></tr>
<tr><td><span>[pright]</span>текст<span>[/pright]</span></td><td>Выравнивание в абзаце вправо</td><td><i><p style="text-align: right;"></i>текст<i></p></i></td></tr>
<tr><td><span>[pcenter]</span>текст<span>[/pcenter]</span></td><td>Выравнивание в абзаце по центру</td><td><i><p style="text-align: center;"></i>текст<i></p></i></td></tr>
<tr><td><span>[pjustify]</span>текст<span>[/pjustify]</span></td><td>Выравнивание в абзаце по ширине</td><td><i><p style="text-align: justify;"></i>текст<i></p></i></td></tr>
</table>
<h2 class="podzagolovok">Заголовки:</h2>
<table>
<tr><th>BB-код</th><th>Описание</th><th>Пример</th><th>Представление в HTML</th></tr>
<tr><td><span>[h1]</span>текст<span>[/h1]</span></td><td>Заголовок 1-го уровня</td><td><h1>текст</h1></td><td><i><h1></i>текст<i></h1></i></td></tr>
<tr><td><span>[h2]</span>текст<span>[/h2]</span></td><td>Заголовок 2-го уровня</td><td><h2>текст</h2></td><td><i><h2></i>текст<i></h2></i></td></tr>
<tr><td><span>[h3]</span>текст<span>[/h3]</span></td><td>Заголовок 3-го уровня</td><td><h3>текст</h3></td><td><i><h3></i>текст<i></h3></i></td></tr>
<tr><td><span>[h4]</span>текст<span>[/h4]</span></td><td>Заголовок 4-го уровня</td><td><h4>текст</h4></td><td><i><h4></i>текст<i></h4></i></td></tr>
<tr><td><span>[h5]</span>текст<span>[/h5]</span></td><td>Заголовок 5-го уровня</td><td><h5>текст</h5></td><td><i><h5></i>текст<i></h5></i></td></tr>
<tr><td><span>[h6]</span>текст<span>[/h6]</span></td><td>Заголовок 6-го уровня</td><td><h6>текст</h6></td><td><i><h6></i>текст<i></h6></i></td></tr>
<tr><td><span>[h1(класс)]</span>текст<span>[/h1]</span></td><td>Заголовок 1-го уровня с классом. Аналогично для h2-h6.</td><td></td><td><i><h1 class="класс"></i>текст<i></h1></i></td></tr>
</table>
<h2 class="podzagolovok">Списки:</h2>
<table>
<tr><th>BB-код</th><th>Описание</th><th>Представление в HTML</th></tr>
<tr><td><span>[list]</span>список<span>[/list]</span></td><td>Маркированный список</td><td><i><ul></i>список<i></ul></i></td></tr>
<tr><td><span>[ul]</span>список<span>[/ul]</span></td><td>Маркированный список</td><td><i><ul></i>список<i></ul></i></td></tr>
<tr><td><span>[ol]</span>список<span>[/ol]</span></td><td>Нумерованный список</td><td><i><ol></i>список<i></ol></i></td></tr>
<tr><td><span>[*]</span>текст</td><td>Элемент списка</td><td><i><li></i>текст</td></tr>
<tr><td><span>[*]</span>текст<span>[/*]</span></td><td>Элемент списка</td><td><i><li></i>текст<i></li></i></td></tr>
<tr><td colspan="3"><div class="primer">
<p><b>ПРИМЕР СПИСКА:</b></p>
<p> <span> [list]</span></p>
<p> <span> [*]</span>первый</p>
<p> <span> [*]</span>второй</p>
<p> <span> [*]</span>третий</p>
<p> <span> [/list]</span></p>
</div></td></tr></table>
<h2 class="podzagolovok">Разное:</h2>
<table>
<tr><th>BB-код</th><th>Описание</th><th>Пример</th><th>Представление в HTML</th></tr>
<tr><td><span>[br]</span></td><td>Принудительный перенос строки</td><td></td><td><i><br clear="all"></i></td></tr>
<tr><td><span>[code]</span>текст<span>[/code]</span></td><td>Код</td><td><code>текст</code></td><td><i><code></i>текст<i></code></i></td></tr>
<tr><td><span>[pre]</span>текст<span>[/pre]</span></td><td>Преформатированный текст</td><td><pre>текст</pre></td><td><i><pre></i>текст<i></pre></i></td></tr>
<tr><td><span>[abbr]</span>абревиатура<span>[/abbr]</span></td><td>Абревиатура</td><td><abbr>абревиатура</abbr></td><td><i><abbr></i>абревиатура<i></abbr></i></td></tr>
<tr><td><span>[abbr описание]</span>...<span>[/abbr]</span></td><td>Абревиатура с описанием</td><td><abbr title="описание">абревиатура</abbr></td><td><i><abbr title="описание"></i>абревиатура<i></abbr></i></td></tr>
<tr><td><span>[q]</span>цитата в строке<span>[/q]</span></td><td>Цитата</td><td><q>цитата</q></td><td><i><q></i>цитата в строке<i></q></i></td></tr>
<tr><td><span>[q свойства]</span>цитата в строке<span>[/q]</span></td><td>Цитата со свойствами</td><td></td><td><i><q свойства></i>цитата в строке<i></q></i></td></tr>
<tr><td><span>[cite]</span>Сноска<span>[/cite]</span></td><td>Сноска</td><td><cite>сноска</cite></td><td><i><cite></i>Сноска<i></cite></i></td></tr>
<tr><td><span>[cite свойства]</span>Сноска<span>[/cite]</span></td><td>Сноска со свойствами</td><td></td><td><i><cite свойства></i>Сноска<i></cite></i></td></tr>
<tr><td><span>[address]</span>адрес<span>[/address]</span></td><td>Адрес</td><td><address>адрес</address></td><td><i><address></i>адрес<i></address></i></td></tr>
<tr><td><span>[address свойства]</span>адрес<span>[/address]</span></td><td>Адрес со свойствами</td><td></td><td><i><address свойства></i>адрес<i></address></i></td></tr>
<tr><td><span>[dfn]</span>Новый термин<span>[/dfn]</span></td><td></td><td></td><td><i><dfn></i>Новый термин<i></dfn></i></td></tr>
<tr><td><span>[dfn свойства]</span>Новый термин<span>[/dfn]</span></td><td></td><td></td><td><i><dfn свойства></i>Новый термин<i></dfn></i></td></tr>
<tr><td><span>[del]</span>удаленный текст<span>[/del]</span></td><td></td><td></td><td><i><del></i>удаленный текст<i></del></i></td></tr>
<tr><td><span>[del свойства]</span>удаленный текст<span>[/del]</span></td><td></td><td></td><td><i><del свойства></i>удаленный текст<i></del></i></td></tr>
<tr><td><span>[ins]</span>Добавленный текст<span>[/ins]</span></td><td></td><td></td><td><i><ins></i>Добавленный текст<i></ins></i></td></tr>
<tr><td><span>[ins свойства]</span>Добавленный текст<span>[/ins]</span></td><td></td><td></td><td><i><ins свойства></i>Добавленный текст<i></ins></i></td></tr>
<tr><td><span>[dl]</span>Список определений<span>[/dl]</span></td><td></td><td></td><td><i><dl></i>Список определений<i></dl></i></td></tr>
<tr><td><span>[dl свойства]</span>Список определений<span>[/dl]</span></td><td></td><td></td><td><i><dl свойства></i>Список определений<i></dl></i></td></tr>
<tr><td><span>[dt]</span>Определение<span>[/dt]</span></td><td></td><td></td><td><i><dt></i>Определение<i></dt></i></td></tr>
<tr><td><span>[dt свойства]</span>Определение<span>[/dt]</span></td><td></td><td></td><td><i><dt свойства></i>Определение<i></dt></i></td></tr>
<tr><td><span>[dd]</span>Описание<span>[/dd]</span></td><td></td><td></td><td><i><dd></i>Описание<i></dd></i></td></tr>
<tr><td><span>[dd свойства]</span>Описание<span>[/dd]</span></td><td></td><td></td><td><i><dd свойства></i>Описание<i></dd></i></td></tr>
<tr><td><span>[quote]</span>текст<span>[/quote]</span></td><td>Цитата</td><td></td><td><i><blockquote></i>текст<i></blockquote></i</td></tr>
<tr><td><span>[div(class)]</span>текст<span>[/div]</span></td><td></td><td></td><td><i><div class="class"></i>текст<i></div></i></td></tr>
<tr><td><span>[div атрибуты]</span>текст<span>[/div]</span></td><td></td><td></td><td><i><div атрибуты></i>текст<i></div></i></td></tr>
<tr><td><span>[span(class)]</span>текст<span>[/span]</span></td><td></td><td></td><td><i><span class="class"></i>текст<i></span></i></td></tr>
<tr><td><span>[span атрибуты]</span>текст<span>[/span]</span></td><td></td><td></td><td><i><span атрибуты></i>текст<i></span></i></td></tr>
<tr><td><span>[text-demo]</span></td><td>Подключает файл text-demo.txt (можно использовать для проверки стилей шаблона)</td><td></td><td></td></tr>
</table>
<h2 class="podzagolovok">Работа с картинками:</h2>
<table>
<tr><th>BB-код</th><th>Описание</th><th>Представление в HTML</th></tr>
<tr><td><span>[img]</span>адрес<span>[/img]</span></td><td>Картинка</td><td><i><img src="адрес"></i></td></tr>
<!-- <tr><td><span>[img=300x500]</span>адрес<span>[/img]</span></td><td>Картинка с размерами</td><td><i><img src="адрес" style="width: 300px; height: 500px"></i></td></tr>
<tr><td><span>[imgleft]</span>адрес<span>[/imgleft]</span></td><td>Картинка влево</td><td><i><img src="адрес" style="float: left; margin: 0 10px 0 0;"></i></td></tr>
<tr><td><span>[imgright]</span>адрес<span>[/imgright]</span></td><td>Картинка вправо</td><td><i><img src="адрес" style="float: right; margin: 0 0 0 10px;"></i></td></tr>
<tr><td><span>[imgcenter]</span>адрес<span>[/imgcenter]</span></td><td>Картинка по центру</td><td><i><div style="text-align: center"><img src="адрес"></div></i></td></tr> -->
<tr><th colspan="3"><center>В названии нельзя использовать кавычки!</b></center></th></tr>
<tr><td><span>[img Название]</span>адрес<span>[/img]</span></td><td></td><td></td></tr>
<!-- <tr><td><span>[imgleft Название]</span>адрес<span>[/imgleft]</span></td><td></td><td></td></tr>
<tr><td><span>[imgright Название]</span>адрес<span>[/imgright]</span></td><td></td><td></td></tr>
<tr><td><span>[imgcenter Название]</span>адрес<span>[/imgcenter]</span></td><td></td><td></td></tr>
<tr><td><span>[imgleft=300x500]</span>адрес<span>[/imgleft]</span></td><td>Картинка с размерами влево</td><td></td></tr>
<!-- <tr><td><span>[imgright=300x500]</span>адрес<span>[/imgright]</span></td><td>Картинка с размерами вправо</td><td></td></tr>
--> <tr><td><span>[img(cssClass)]</span>адрес<span>[/img]</span></td><td>Картинка с указанным css-классом</td><td></td></tr>
<tr><td><span>[img(cssClass) Описание]</span>адрес<span>[/img]</span></td><td>Картинка с указанным css-классом и описанием</td><td></td></tr>
<tr><td><span>[image атрибуты]</span>адрес<span>[/image]</span></td><td>Картинка с указанием произвольных атрибутов</td><td><i><img src="адрес" атрибуты></i></td></tr>
<tr><th colspan="3"><center>Миниатюра (адрес-mini) со ссылкой на оригинал</center></th></tr>
<tr><td><span>[imgmini=_адрес-mini]</span>адрес<span>[/imgmini]</span></td><td>Открыть в новом окне</td><td><i><a href="адрес" target="_blank"><img src="адрес-mini"></a></i></td></tr>
<tr><td><span>[imgmini=адрес-mini]</span>адрес<span>[/imgmini]</span></td><td>Открыть в том же окне</td><td><i><a href="адрес"><img src="адрес-mini"></a></i></td></tr>
</table>
<h2 class="podzagolovok">Работа с ссылками:</h2>
<table>
<tr><th>BB-код</th><th>Представление в HTML</th></tr>
<tr><td><span>[url]</span>http://maxsite.org/<span>[/url]</span></td><td><i><a href="http://maxsite.org/"></i>http://maxsite.org/<i></a></i></td></tr>
<tr><td><span>[url=http://maxsite.org/]</span>Блог Макса<span>[/url]</span></td><td><i><a href="http://maxsite.org/"></i>Блог Макса<i></a></i></td></tr>
<tr><td><span>[url=http://maxsite.org/ rel="nofollow"]</span>Блог Макса<span>[/url]</span></td><td><i><a href="http://maxsite.org/" rel="nofollow"></i>Блог Макса<i></a></i></td></tr>
<tr><td><span>[url rel="nofollow"]</span>http://maxsite.org/<span>[/url]</span></td><td><i><a href="http://maxsite.org/" rel="nofollow"></i>http://maxsite.org/<i></a></i></td></tr>
</table>
<h2 class="podzagolovok">Работа с таблицей:</h2>
<div class="otdel">
<div class="primer">
<p><b>ПРИМЕР ТАБЛИЦЫ:</b></p>
<p> <span>[table]</span></p>
<p> <span>[tr]</span></p>
<p> <span>[td]</span>1-я ячейка 1-й строки<span>[/td]</span></p>
<p> <span>[td]</span>2-я ячейка 1-й строки<span>[/td]</span></p>
<p> <span>[td]</span>3-я ячейка 1-й строки<span>[/td]</span></p>
<p> <span>[/tr]</span></p>
<p> <span>[tr]</span></p>
<p> <span>[td]</span>1-я ячейка 2-й строки<span>[/td]</span></p>
<p> <span>[td]</span>2-я ячейка 2-й строки<span>[/td]</span></p>
<p> <span>[td]</span>3-я ячейка 2-й строки<span>[/td]</span></p>
<p> <span>[/tr]</span></p>
<p> <span>[tr]</span></p>
<p> <span>[td]</span>1-я ячейка 3-й строки<span>[/td]</span></p>
<p> <span>[td]</span>2-я ячейка 3-й строки<span>[/td]</span></p>
<p> <span>[td]</span>3-я ячейка 3-й строки<span>[/td]</span></p>
<p> <span>[/tr]</span></p>
<p> <span>[/table]</span></p>
</div><br />
<table><tr><td><p>В таблице можно указывать произвольные стили, классы и т.п.:</p>
<p><span>[table class="red" style="border: 1px solid red"]</span></p>
<p> ...</p>
<p><span>[tr rowspan="2"]</span></p>
<p><span>[td style="font-size: 18pt"]</span></p></td></tr></table>
</div>
</div>
</body></html>