Мини-чат как на CSSOMSK.RU

<div class="msg">  
  <div class="chat-name"><a href="$PROFILE_URL$"  
  rel="nofollow" rel="nofollow"><img alt="" src="http://s40.ucoz.net/img/icon/profile.png" width="13" border="0" style="vertical-align:-2px"/></a>  
  <b><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='$NAME$, ';return false;"><font color="red">$NAME$</font>$NAME$</a></b></div><div class="chat-time" title="$DATE$">$TIME$</div>  
  <div class="chat-text">  
  $MESSAGE$  
  </div>  
  </div>

<div align="center"> <br><table cellspacing="0" cellpadding="0">  
  <tr>  
  <td class="op_fon">  
  <img src="http://www.cssomsk.ru/csomsk/dialog-warning.png"></td>  
  <td class="gost" valign="top">  
  Только <a href="/index/3">зарегистрированные</a> пользователи могут пользоваться чатом.  
  </td>  
  </tr>  
  </table> <table cellspacing="0" cellpadding="0">  
  <tr>  
  <td class="op_fon">  
  <img src="http://www.cssomsk.ru/csomsk/dialog-warning.png"></td>  
  <td class="gost" valign="top"> Вам запрещено добавлять сообщения. Доступ к мини-чату закрыт  
  </td>  
  </tr>  
  </table> </div> <table border="0" cellpadding="1" cellspacing="1" width="100%">  
  <tr><td>$FLD_AUTOUPD$</td>  
  <td width="70%" align="right">  
  <a href="$RELOAD_URI$" title="Обновить"><img alt="мини-чат от cssomsk.ru" border="0" align="absmiddle" src="http://www.cssomsk.ru/csomsk/123.png" width="13" height="15"></a>  
  <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://www.cssomsk.ru/csomsk/lol.gif" width="13" height="15"></a>  
  <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://www.cssomsk.ru/csomsk/counter_count.png" width="16" height="16"></a>  
  <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="мини-чат от cssomsk.ru" border="0" align="absmiddle" src="http://www.cssomsk.ru/csomsk/456.png" width="15" height="15"></a> </td></tr></table>  

<table border="0" cellpadding="1" cellspacing="1" width="100%">  
  <tr><td colspan="2">$FLD_NAME$</td></tr>  
  <tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr>  
  </table>  

  <table border="0" cellpadding="1" cellspacing="1" width="100%">  
  <tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>  
  </table>  

<table border="0" cellpadding="1" cellspacing="1" width="100%">  
  <tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>  
  </table>  

<table border="0" cellpadding="1" cellspacing="1" width="100%">  
  <tr><td width="95%" rowspan="2">$FLD_MESSAGE$</td>  
  <td align="center" valign="top"><div style="font-size:10px;">$LENGTH_COUNTER$</div></td>  
  </tr><tr><td align="center" valign="bottom">$SUBMIT$</td></tr></table>

.msg {width:99%;margin-bottom:6px;background:url('http://www.cssomsk.ru/csomsk/chat-msg.jpg') 100% 0 no-repeat #e8e8e8;  
  border:1px solid #d8d8d8;border-radius:2px;text-shadow:0 1px 0 #fff;  
  -moz-box-shadow:0 0 0 1px #fff;  
  -webkit-box-shadow:0 0 0 1px #fff;  
  -o-box-shadow:0 0 0 1px #fff;  
  box-shadow:0 0 0 1px #fff;  
  }  
  .chat-name {float:left;border-bottom:1px solid #d8d8d8;width:120px;padding:5px 7px;}  
  .chat-name a {text-shadow:0 1px 0 #fff;}  
  .chat-time {float:right;border-bottom:1px solid #d8d8d8;width:34px;text-align:right;padding:5px 3px;}  
  .chat-text {clear:both;border-top:1px solid #f2f2f2;padding:7px;}  
  .op_fon {background:#f7f7f7;border:1px solid #DBDBDB;border-right:1px dotted #ccc;width:40px;height:40px;}  
  .gost {background:#fff;border:1px solid #DBDBDB;padding:5px;border-left:none;text-align:left;margin-left:-3px;padding-bottom:2px;margin-top:-5px;height:40px;font:10px Tahoma;}  
  .op_fon img {padding-left:5px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}