Так же в комплекте и темный шаблон 
 // Описание 
 Главные отличия: 
 1. Отсутствие поля имя, оно заполняется автоматически. 
 2. Скрываемый блок со смайлами, при этом факт скрытия сохраняется в cookies. 
 Изначально настроен под ширину 180 пикселей, но это легки изменяется а фотошопе, а если вовсе без фона использовать, то ширина регулируется свободно. 
 При желании, и особом умении можно добавить "Код безопасности" - это уже ваш выбор 
 Еще одно нововведение, может быть кому-нибудь пригодиться, блок с рекламой сверху. 
 // Установка 
 I. Создаем новый глобальный блок и называем например "CHATBOX". 
 Суем туда следующее: 
 
Code
<script type="text/javascript" src="/mc.js"></script>   
 <style type="text/css">@import url('/mcL.css');</style>   
 <!-- :::дизайн Мини-Чата от tRiMe (www.pro-games.ucoz.ru)::: -->   
 <div id="chatBox">   
 <div id="chatTop"></div>   
 <script type="text/javascript" src="http://pro-games.ucoz.ru/rtr/5"></script>   
 <div id="chatFr"><iframe id="mchatIfm2" class="chatFrame" frameborder="0" scrolling="auto" hspace="0" vspace="0" allowtransparency="true" src="/mchat/"></iframe></div>   
    
 <div id="chatFoot">   
 <form style="margin:0px;padding:0px;border:0px;" id="MCaddFrm" onsubmit="sbtFrmMC991();return false;">   
 <div><textarea name="mcmessage" id="mchatMsgF" class="chatTArea" style="overflow:hidden;"></textarea></div>   
 <div id="smilesBlock"><div class="smilesPanel">   
 <a href="javascript://" rel="nofollow" onclick="emoticon(':)','mchatMsgF');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s1.ucoz.net/sm/23/smile.gif" title="веселый" /></a>   
 <a href="javascript://" rel="nofollow" onclick="emoticon(':(','mchatMsgF');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s1.ucoz.net/sm/23/sad.gif" title="грустный" /></a>   
 <a href="javascript://" rel="nofollow" onclick="emoticon('>(','mchatMsgF');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s1.ucoz.net/sm/23/angry.gif" title="злой" /></a>   
 <a href="javascript://" rel="nofollow" onclick="emoticon(':D','mchatMsgF');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s1.ucoz.net/sm/23/biggrin.gif" title="ржачно" /></a>   
 <a href="javascript://" rel="nofollow" onclick="emoticon(';)','mchatMsgF');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s1.ucoz.net/sm/23/wink.gif" title="подмигнуть" /></a>   
 <a href="javascript://" rel="nofollow" onclick="emoticon('B)','mchatMsgF');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s1.ucoz.net/sm/23/cool.gif" title="крутой" /></a>   
 <a href="javascript://" rel="nofollow" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0},{url:'/index/35-23-2'});return false;" title="добавить смайл"><img style="margin:0;padding:0;border:0;" src="http://pro-games.ucoz.ru/smileQ.gif" title="добавить смайл" /></a>   
 </div></div>   
 <div id="chatFunc">   
   <div><input type="submit" value="Отправить" class="chatSubm" style="margin:0px" id="mchatBtn"><div id="mchatAjax" style="display:none"><div class="uploadIMG"></div></div>   
 </div>   
 </div>   
 <input type="hidden" name="numa" id="numa832" value="0"><input type="hidden" name="a" value="18"><input type="hidden" id="ajaxFlag" name="ajax" value="1" />   
 </form>   
 <div id="chatOptions" style="display:none">   
 <table border="0" width="100%">   
 <tr>   
 <td>Обновлять через</td>   
 <td><select id="mchatRSel" onchange="setT7174(this);" class="mchat" size="1" style="font-size:8pt;width:100px;"><option value="0">---</option><option value="15">15 сек</option><option value="30">30 сек</option><option value="60">1 мин</option><option value="120">2 мин</option></select><input type="text" maxlength="60" name="uname" size="8" class="mchat" id="mchatNmF" value="$USERNAME$" onfocus="if(this.value==$(this).attr('title')){this.value='';}" style="display:none;width:100%;"></td>   
 <tr>   
 <td>Отображать смайлы</td>   
 <td>   
 <select id="smiles_select" size="2" onchange="$('#smilesBlock').slideToggle(100);smiles_visibility(this.value)">   
   <option value="0">Да</option>   
   <option value="1">Нет</option>   
 </select>   
 </td>   
 </tr>   
 </tr>   
 <tr>   
 <td colspan="2" class="moder"><a href="javascript://" rel="nofollow" onclick="window.open('/mchat/0-1','mchatCtrl','scrollbars=1,width=550,height=550,left=0,top=0');return false;">Управление чатом</a></td>   
 </tr>   
 </table>   
 </div>   
 <div align="center" class="opBut" onclick="$('#chatOptions').slideToggle(100)">Опции чата</div>   
 </div>   
    
 <div class="err">Для добавления сообщения необходимо выполнить вход</div>   
    
 <div id="chatFoot1"></div>   
 </div>   
 <script type="text/javascript">initSel7174();</script>   
 <script type="text/javascript">smiles_check_visibility();</script>
 Примечания: 
 закрыть 
 Место под рекламу, кому нужно 
 - это ссылка рекламный баннер. Чтоб не докучал советую сделать для него отдельную категорию, баннеру поставить приоритет 1, сделать "пустышку"(баннер без кода) и поставить приоритет 5. Вылазить бедет редко. 
 $GROUP_ID$="4" || $GROUP_ID$="3" - это ID номера групп которые могут модерировать сообщения (обязательно разделять знаком ||) 
 тут должны быть ссылки на файлы, о которых мы поговорим дальше 
 II. Качаем к себе архив, чтоб не раздувать статью решил сделать так. Если, кто не дружит с депозитом, пишите в ЛС, пришлю на почту. В архиве есть материалы для темного и светлого дизайнов. 
 Кидаем все на сайт (в главный каталог): Светлый (mc.js, mcL.css, bottom.png, top.png, smileQ.gif) Темный (mc.js, mcD.css, bottomD.png, topD.png, smileQ.gif). 
 III. Последний шаг сделать вид материалов. 
 Я предлагаю следующие: 
 Светлый 
 
Code
<div style="white-space:normal"><div style="padding:0 4px 5px 2px;margin: 0 5px 3px 5px;border-bottom:1px dashed #333;">   
 <div style="float:right;font-size:10px;color:#777">$TIME$</div>   
 <div style="text-align:left;">   
   <a style="color:#454" href="$PROFILE_URL$" rel="nofollow"><b>$NAME$</b></a>   
 </div>   
   <div style="text-align:left;color:#333">$MESSAGE$</div>   
 </div></div>
 Темный 
 
Code
<div style="white-space:normal"><div style="padding:0 4px 5px 2px;margin: 0 5px 3px 5px;border-bottom:1px dashed #ddd;">   
 <div style="float:right;font-size:10px;color:#777">$TIME$</div>   
 <div style="text-align:left;">   
   <a style="color:#cacaca" href="$PROFILE_URL$" rel="nofollow"><b>$NAME$</b></a>   
 </div>   
   <div style="text-align:left;color:#ddd">$MESSAGE$</div>   
 </div></div>