Так же в комплекте и темный шаблон
// Описание
Главные отличия:
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>