• Страница 1 из 1
  • 1
Форум O-CSS.RU » Скрипты » Скрипты - мини чат » Красивый Мини-Чат
Красивый Мини-Чат
z1MДата: Четверг, 13.01.2011, 21:12 | Сообщение # 1
Администратор.
Логин: z1M
Имя: Даниил
Сообщений: 1488
Награды: 5
Репутация: 137
Замечания:

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

// Описание

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


Мой сайт Gaming-up
golfstrimvbgДата: Воскресенье, 08.04.2012, 17:48 | Сообщение # 2
Логин: golfstrimvbg
Имя: golfstrimvbg
Сообщений: 1
Награды: 0
Репутация: 0
Замечания:
а ссылку на архив который нужно качать где искать?
Форум O-CSS.RU » Скрипты » Скрипты - мини чат » Красивый Мини-Чат
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Лучшие пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
LaiNeR Постов [ 3127 ]
Staistesap Постов [ 1545 ]
z1M Постов [ 1488 ]
Mooxyrep Постов [ 1145 ]
Pooniacact Постов [ 986 ]
KoreshoK Постов [ 644 ]
LonS Постов [ 585 ]
BIG_BOSS Постов [ 572 ]
DoZa Постов [ 564 ]
shooter Постов [ 468 ]
LonS Репутация [ 546 ]
LaiNeR Репутация [ 519 ]
Smofee Репутация [ 477 ]
СнAйПер Репутация [ 436 ]
MedeX Репутация [ 412 ]
TiPSy Репутация [ 300 ]
bleff Репутация [ 279 ]
-=SToRM=- Репутация [ 235 ]
A6c3Ht^ Репутация [ 225 ]
NoRD Репутация [ 210 ]
Общение [ 1309 ]
Считаем до 1 000 [ 664 ]
Поговорим обо всем :) (девушки, машины, личная жизнь и тд) [ 369 ]
Афоризмы (Не комментируйте) [ 301 ]
Играем в СЛОВА [ 187 ]
Конкурс "Угадай возраст". [ 183 ]
Конкурс "Угадай автомобиль" [ 110 ]
Предложения по сайту [ 97 ]
Набивка постов [ 80 ]
Обломай товарища [ 75 ]
source-boost.ru | Мониторинг сервера CSS v34 [ 0 ]
source-boost.ru | Мониторинг сервера CSS v34 [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Swatik [ 1 ]

Хостинг от uCoz | sitemap.xml | sitemap-forum.xml | sitemap-shop.xml | urllist.txt | |
PR-CY.ru