Красивый и функциональный мини-чат

<div class="cBlock$PARITY$" style="padding:0 4px 5px 2px;margin-bottom:3px;">  
  <div style="float:right;font-size:8px; font-weight:bold;color:#5f7d9d; text-shadow:1px 1px 1px #fff;" title="$DATE$">$TIME$ <a href="javascript:scroll(0,9999);"title="Перейти в конец страницы">↓</a> <a href="javascript://" onclick="$('body').scrollTo('0px',800, {axis:'y'})" title="Перейти в начало страницы">↑</a></div>  
  <div style="text-align:left;">  
  <a style="text-decoration:none;font-weight:bold;color:#5f7d9d; text-shadow:1px 1px 1px #fff;" title="Написать $USERNAME$'у" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='$NAME$, ';return false;"> <font color=red><b>$NAME$</b></font><b>$NAME$</b></a>  
  <img src="http://webmaster-profi.ru/scripts_ucoz2/webo4ka_mini_chat.png" border="0" style="cursor:pointer" onclick="$('#$NUMBER$').slideToggle('fast')">  
  <div id="$NUMBER$" style="background:#fff;border:2px solid #c3ccd3;display:none;position:absolute;margin-left:17px;padding:4px;width:150px;">  
  <img src="$AVATAR_URL$" align="left" width="60" border="0" class="webo4ka_ava"/><img src="http://webo4ka.ru/webo4ka/images/webo4ka_no_avatar.png" align="left" width="60" border="0" class="webo4ka_ava_no"/>  
  <a href="$PROFILE_URL$" title="Профиль $NAME$'а" target="_blank">Профиль</a><br>  
  <a href="/index/14-$USER_ID$-0-1" title="Отправить ЛС $NAME$'у" target="_blank">Отправить лс</a>  
  </div> <div style="border:2px dashed #dae2e8;"></div></div>  
  <div class="cMessage" id="webo4ka_text"><font color="$CUSTOM1$" >$MESSAGE$</font>$MESSAGE$</div>  
  </div><link type="text/css" rel="StyleSheet" href="http://webmaster-profi.ru/scripts_ucoz2/mini_chat_css_stil_vk.css"/>

<div align="center" class="webo4ka_vxod"><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a>Доступ запрещен</div>  
   
  <table border="0" cellpadding="1" cellspacing="1" width="100%">  
  <tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>  
  </table>  
   
  <div id="webo4ka_spoiler" style="display: none;"><div id="webo4ka_bb_kodi">  
  <div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('b');" title="Полужирный">b</div></div>  
  <div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('i');" title="Курсив">i</div></div>  
  <div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('u');" title="Подчёркнутый">u</div></div>  
  <div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('s');" title="Зачеркнутый текст">s</div></div>  
  <div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('o');" title="Черта вверху текста">o</div></div>  
  <div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('l');" title="Текст по левому краю">￩</div></div>  
  <div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('c');" title="Текст по центру">￪</div></div>  
  <div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('r');" title="Текст по правому краю">￫</div></div>  
  <div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('url');" title="Вставить ссылку" style="margin: 5px;">http://</div></div>  
  <div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('spoiler');" title="spoiler">spoiler</div></div>  
  <div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('code');" title="code">code</div></div>  
  <div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('quote');" title="quote">quote</div></div>  
  <div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1" href="javascript://" onclick="openLayerB('Rules_Mchat',0,'http://webo4ka.ru/webo4ka/xml/cvet_teksta.xml','Цвета',150,80,'1','','',0,'justify'); return false;" value="color" title="Цвета" >color</div>  
  </div></div>  
  <div id="webo4ka_color" style="display: none;"><div id="webo4ka_bb_kodi">  
  <input name="custom1" value="#ff0000" style="background:#ff0000; color:#ff0000;" type="checkbox" onmouseover="$('#webo4ka_mess_1').fadeIn('slow');" onmouseout="$('#webo4ka_mess_1').fadeOut('slow');">  
  <input name="custom1" value="#0000FF" type="checkbox" onmouseover="$('#webo4ka_mess_2').fadeIn('slow');" onmouseout="$('#webo4ka_mess_2').fadeOut('slow');">  
  <input name="custom1" value="#00ff00" type="checkbox" onmouseover="$('#webo4ka_mess_3').fadeIn('slow');" onmouseout="$('#webo4ka_mess_3').fadeOut('slow');">  
  <input name="custom1" value="#8b00ff" type="checkbox" onmouseover="$('#webo4ka_mess_4').fadeIn('slow');" onmouseout="$('#webo4ka_mess_4').fadeOut('slow');">  
  <input name="custom1" value="#00bfff" type="checkbox" onmouseover="$('#webo4ka_mess_5').fadeIn('slow');" onmouseout="$('#webo4ka_mess_5').fadeOut('slow');">  
  <input name="custom1" value="#ffff00" type="checkbox" onmouseover="$('#webo4ka_mess_6').fadeIn('slow');" onmouseout="$('#webo4ka_mess_6').fadeOut('slow');">  
  <input name="custom1" value="#ffa500" type="checkbox" onmouseover="$('#webo4ka_mess_7').fadeIn('slow');" onmouseout="$('#webo4ka_mess_7').fadeOut('slow');">  
  <input name="custom1" value="#7a7367" type="checkbox" onmouseover="$('#webo4ka_mess_8').fadeIn('slow');" onmouseout="$('#webo4ka_mess_8').fadeOut('slow');">  
  <input name="custom1" value="#ffd700" type="checkbox" onmouseover="$('#webo4ka_mess_9').fadeIn('slow');" onmouseout="$('#webo4ka_mess_9').fadeOut('slow');">  
  <input name="custom1" value="#4b0082" type="checkbox" onmouseover="$('#webo4ka_mess_10').fadeIn('slow');" onmouseout="$('#webo4ka_mess_10').fadeOut('slow');">  
  <input name="custom1" value="#b0d753" type="checkbox" onmouseover="$('#webo4ka_mess_11').fadeIn('slow');" onmouseout="$('#webo4ka_mess_11').fadeOut('slow');">  
  <input name="custom1" value="#cd7f32" type="checkbox" onmouseover="$('#webo4ka_mess_12').fadeIn('slow');" onmouseout="$('#webo4ka_mess_12').fadeOut('slow');">  
  <small id="webo4ka_mess_1" style="display:none; font-size: 8pt; color:#ff0000;">Красное сообщение</small>  
  <small id="webo4ka_mess_2" style="display:none; font-size: 8pt; color:#0000FF;">Синее сообщение</small>  
  <small id="webo4ka_mess_3" style="display:none; font-size: 8pt; color:#00ff00;">Зелёное сообщение</small>  
  <small id="webo4ka_mess_4" style="display:none; font-size: 8pt; color:#8b00ff;">Фиолетовое сообщение</small>  
  <small id="webo4ka_mess_5" style="display:none; font-size: 8pt; color:#00bfff;">Голубое сообщение</small>  
  <small id="webo4ka_mess_6" style="display:none; font-size: 8pt; color:#ffff00;">Жёлтое сообщение</small>  
  <small id="webo4ka_mess_7" style="display:none; font-size: 8pt; color:#ffa500;">Оранжевое сообщение</small>  
  <small id="webo4ka_mess_8" style="display:none; font-size: 8pt; color:#7a7367;">Серое сообщение</small>  
  <small id="webo4ka_mess_9" style="display:none; font-size: 8pt; color:#ffd700;">Золотое сообщение</small>  
  <small id="webo4ka_mess_10" style="display:none; font-size: 8pt; color:#4b0082;">Индиго сообщение</small>  
  <small id="webo4ka_mess_11" style="display:none; font-size: 8pt; color:#b0d753;">Фисташковое сообщение</small>  
  <small id="webo4ka_mess_12" style="display:none; font-size: 8pt; color:#cd7f32;">Бронзовое сообщение</small>  
  </div></div>  
  <table border="0" cellpadding="1" cellspacing="1" width="100%">  
  <tr><td width="95%" rowspan="2">$FLD_MESSAGE$</td></tr>  
  </table>  
  <input type="submit" value="OK" title="Отправить" class="Webo4ka_knopka_cinii" id="Webo4ka_knopka_cinii1">  
  <div style="display:none;"><input value="OK" class="mchat" id="mchatBtn" style="display:block !important" title="Отправить"></div>  
  <div class="Webo4ka_knopka_cerii"><div id="Webo4ka_knopka_cerii1" href="$RELOAD_URI$" title="Обновить">↻</div></div>  
  <div class="Webo4ka_knopka_cerii"><div id="Webo4ka_knopka_cerii1" href="$SMILES_URI$" title="Вставить смайл">☺</div></div>  
  <div class="Webo4ka_knopka_cerii"><div id="Webo4ka_knopka_cerii1" href="$BBCODES_URI$" title="BB-Коды">BB</div></div>  
  <div class="Webo4ka_knopka_cerii"><div id="Webo4ka_knopka_cerii1" href="$MSGCTRL_URI$" title="Управление сообщениями">✖</div></div>  
  <div onclick="$('#webo4ka_spoiler').slideToggle('slow');" href="javascript://" class="Webo4ka_knopka_cerii"><div id="Webo4ka_knopka_cerii1" title="Дополнительно">д</div></div>  
  <div onclick="$('#webo4ka_color').slideToggle('slow');" href="javascript://" class="Webo4ka_knopka_cerii"><div id="Webo4ka_knopka_cerii1" title="Цвет сообщения">c</div></div>  
  <a style="font-size:10px; color:#45638a; text-shadow:1px 1px 1px #fff;">$LENGTH_COUNTER$</a>$FLD_AUTOUPD$  
  <script type="text/javascript" src="http://webo4ka.ru/webo4ka/js/bb_kodi_mini_chat.js"></script>  
  <link type="text/css" rel="StyleSheet" href="http://webo4ka.ru/webo4ka/css/mini_chat_css_stil_vk.css" />