// Скриншот Так же в комплекте и темный шаблон //
Описание
Главные отличия: 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> <?if($GROUP_ID$="4" ||
$GROUP_ID$="3")?><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>
Примечания:
<script type="text/javascript"
src="http://pro-games.ucoz.ru/rtr/5"></script> - это ссылка
рекламный баннер. Чтоб не докучал советую сделать для него отдельную
категорию, баннеру поставить приоритет 1, сделать "пустышку"(баннер без
кода) и поставить приоритет 5. Вылазить бедет редко.
$GROUP_ID$="4" || $GROUP_ID$="3" - это ID номера групп которые могут
модерировать сообщения (обязательно разделять знаком || )
<script type="text/javascript" src="/mc.js"></script>
<style type="text/css">@import url('/mcL.css');</style> тут
должны быть ссылки на файлы, о которых мы поговорим дальше
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>
Кликните по по любому понравившемуся баннеру ,вы поможите развитию портала,и получите Огромное спасибо от Администрации!