<html>
<head>
<title>BB-Коды</title>
<style>
body,td {font-size:11px; font-family:verdana,arial,helvetica;}
a:link {color: #868686; text-decoration: none}
a:active {color: #868686; text-decoration: none;}
a:visited {color: #868686; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}
.code {color:blue;font-weight:normal;font-size:8pt;}
.tb0 {background:#BFBFBF;}
.td0 {background:#6E6E6E;color:#FFFFFF;}
.td1 {background:#F3F3F3;}
.td2 {background:#F9F9F9;}
body {background:#F9F9F9;}
</style>
</head>
<body bgcolor="#FFFFFF" leftMargin=0 topMargin=0 rightMargin=0 bottomMargin=10 marginheight="0" marginwidth="0">
<table border="0" width="100%" cellspacing="1" cellpadding="3" class="tb0">
<tr>
<td width="60%" align="center" class="td0"><b>Пример использования</b></td>
<td align="center" class="td0"><b>Результат</b></td>
</tr>
<tr>
<td class="td1"><font class="code">[b]</font>Жирный текст<font class="code">[/b]</font></td>
<td class="td2"><b>Жирный текст</b></td>
</tr>
<tr>
<td class="td1"><font class="code">[i]</font>Наклонный текст<font class="code">[/i]</font></td>
<td class="td2"><i>Наклонный текст</i></td>
</tr>
<tr>
<td class="td1"><font class="code">[s]</font>Зачеркнутый текст<font class="code">[/s]</font></td>
<td class="td2"><strike>Зачеркнутый текст</strike></td>
</tr>
<tr>
<td class="td1"><font class="code">[u]</font>Подчеркнутый текст<font class="code">[/u]</font></td>
<td class="td2"><u>Подчеркнутый текст</u></td>
</tr>
<tr>
<td class="td1"><font class="code">[o]</font>Черта вверху текста<font class="code">[/o]</font></td>
<td class="td2"><span style="text-decoration: overline">Черта вверху текста</span></td>
</tr>
<tr>
<td class="td1"><font class="code">[l]</font>Текст по левому краю<font class="code">[/l]</font></td>
<td class="td2"><div align="left">Текст по левому краю</div></td>
</tr>
<tr>
<td class="td1"><font class="code">[c]</font>Текст по центру<font class="code">[/c]</font></td>
<td class="td2"><div align="center">Текст по центру</div></td>
</tr>
<tr>
<td class="td1"><font class="code">[r]</font>Текст по правому краю<font class="code">[/r]</font></td>
<td class="td2"><div align="right">Текст по правому краю</div></td>
</tr>
<tr>
<td class="td1"><font class="code">[j]</font>Текст по ширине страницы<font class="code">[/j]</font></td>
<td class="td2">Текст по ширине страницы</td>
</tr>
<tr>
<td class="td1"><font class="code">[sub]</font>Нижний индекс<font class="code">[/sub]</font></td>
<td class="td2"><sub>Нижний индекс</sub></td>
</tr>
<tr>
<td class="td1"><font class="code">[sup]</font>Верхний индекс<font class="code">[/sup]</font></td>
<td class="td2"><sup>Верхний индекс</sup></td>
</tr>
<tr>
<td class="td1"><font class="code">[size=10]</font>Размер шрифта<font class="code">[/size]</font><br />
(Размер: 8..25)</td>
<td class="td2"><font size="5">Размер шрифта</font></td>
</tr>
<tr>
<td class="td1"><font class="code">[color=red]</font>Цвет шрифта<font class="code">[/color]</font></td>
<td class="td2"><font color="red">Цвет шрифта</font></td>
</tr>
<tr>
<td class="td1"><font class="code">[font=Comic Sans MS]</font>Другой шрифт<font class="code">[/font]</font></td>
<td class="td2"><font face="Comic Sans MS">Другой шрифт</font></td>
</tr>
<tr>
<td class="td1"><font class="code">[hide]</font>Any text goes here...<font class="code">[/hide]</font></td>
<td class="td2">For registered users only!</td>
</tr>
<tr>
<td class="td1"><font class="code">[spoiler]</font>Any text goes here...<font class="code">[/spoiler]</font></td>
<td class="td2"><input type="button" value="Show hidden text" onclick="if (document.getElementById('ksdfjd23').style.display=='none'){document.getElementById('ksdfjd23').style.display=''}else{document.getElementByI d('ksdfjd23').style.display='none'}"><div style="display:none;" id="ksdfjd23">Hidden text</div></td>
</tr>
<tr>
<td class="td1"><font class="code">[spoiler=Title]</font>Any text goes here...<font class="code">[/spoiler]</font></td>
<td class="td2"><input type="button" value="[+] Title of the spoiler" onclick="if (document.getElementById('ksdfjd24').style.display=='none'){document.getElementById('ksdfjd24').style.display=''}else{document.getElementByI d('ksdfjd24').style.display='none'}"><div style="display:none;" id="ksdfjd24">Any text goes here...</div></td>
</tr>
<tr>
<td class="td1"><font class="code">[video]</font><span style="font-size:7pt">http://youtube.com/watch?v=DbzFNj8HVmc</span><font class="code">[/video]</font></td>
<td class="td2" align="center"><img alt="" border="0" src="http://s51.ucoz.net/img/ma/yt.gif"></td>
</tr>
<tr>
<td class="td1"><font class="code">[audio]</font>http://any_site.com/music.mp3<font class="code">[/audio]</font></td>
<td class="td2" align="center"><img alt="" border="0" src="http://s51.ucoz.net/img/ma/mp.gif"></td>
</tr>
<tr>
<td valign="top" class="td1"><font class="code">[code]</font>Код программы<font class="code">
