Ср, 09 Июля 2025, 18:56

Приветствую Вас Гость Главная | Форум | Регистрация | Вход

^НАВЕРХ^

Главная » Файлы » Скрипты для uCoz » Мини-чат

Красивый Мини-Чат
21 Марта 2010, 00:42

У нас вы можете скачать бесплатно Красивый Мини-Чат.
Новость добавил: sasho18
Это материал доступен по тегам: мини-чат, красивый.
Прокоментируйте новость Красивый Мини-Чат.

Данный материал предоставлен сайтом uCoz.in.ua | Всё для пользователей системы uCoz исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.

Красивый Мини-Чат

Так же в комплекте и темный шаблон

// Описание

Главные отличия:
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>


Спасибо!

Категория: Мини-чат
Просмотров: 11415 | Загрузок: 141 | Комментарии: 7 | Рейтинг: 3.9/11
Похожие публикации:
Всего комментариев: 7
0  
1 Дарья   (08 Января 2011 18:03) [Материал]
Аватар привет всем!!!!!!

0  
3 sasho18   (09 Января 2011 12:24) [Материал]
Аватар sasho18 хммм...)))
привет smile

0  
2 Дарья   (08 Января 2011 18:03) [Материал]
Аватар )))

0  
4 Кошка   (12 Февраля 2011 15:41) [Материал]
Аватар Привет= )

0  
5 Александр!   (19 Марта 2011 18:10) [Материал]
Аватар ВСЕМ КУ!!!

0  
6 massa   (02 Мая 2011 09:50) [Материал]
Аватар massa Мда, а где сами скрипты!? -_-

0  
7 sasho18   (03 Мая 2011 21:07) [Материал]
Аватар sasho18 всё есть, что не так?

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Мини-чат

Гостям доступ закрыт, чтобы видеть и отправлять сообщения, необходимо зарегистрироваться

Статистика