Новый мини-чат 6.0 by Apocalypse для uCoz

2291
6 из 10
Проголосовало: 2




Особенности этого чата:

1) Возможность задания своего цвета подложки сообщений для нескольких пользователей
2) Отображение аватаров пользователей
3) Оригинальный, приятный глазу, стиль
4) Простая установка и адаптация под любой дизайн (Нужно разбираться в css и html)
5) Выведены основные смайлы
6) Вынесены стрелочки "Вверх", позволяющие быстро переместиться в самый верх сообщений (Плавный скролл)
7) Выведены оригинальные ВВ-Коды (ВВ коды открываются при выделении текста)

Ладно, с особенностями разобрались и теперь давайте приступим к установке

В Виде материалов Мини-чата замените весь код на:

Code
<div <?if($USER_ID$='1')?>class="cBlockadmin"<?else?><?if($USER_ID$='594')?>class="cBlockmoder"<?else?><?if($USER_ID$='634')?>class="cBlockzloi"<?else?>class="cBlock1"<?endif?>class="cBlock1"<?endif?><?endif?> style="padding:10 0 5 0;margin-bottom:5px;">  
<div style="text-align:left;">  
<a href="$PROFILE_URL$">  

<span class="styled_block_s" style="padding:5 5 5 5;opacity:0.5;">  
<?if($AVATAR_URL$)?>  
<img class="avatar" src="$AVATAR_URL$" style="vertical-align:-3px"/>  
<?else?>  
<img class="avatar" src="http://webo4ka.ru/Ucoz2/noavatar_mini_chat.png" width="15" border="0" style="vertical-align:-2px"/>  
<?endif?>  
</span>  
</a>  

<span style="padding:0 0 0 10;">  
<a title="Цитировать пользователя $USERNAME$" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$NAME$[/b], ';return false;" rel="nofollow">  
<b>$NAME$</b></a>  
<b>  
<span class="styled_block_i" style="float:right;padding:7 5 5 7;font-size:10px;" title="$DATE$">  
$TIME$  
<a href="javascript://" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 1000);return false;">  
<img width="20" height="10" title="Вверх" src="http://webo4ka.ru/Ucoz2/arrow_up.png" border="0">  
</a>  
</span>  
</b>  
</span>  

</div>  
<div style="text-align:left;padding:20 10 10 10;font-weight:normal;">$MESSAGE$</div>  
</div>

Далее в Форме добавления сообщений Мини-чата замените весь код на:

Code
<table style="margin-top:10;" border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td>$FLD_AUTOUPD$</td>  
<td width="70%" align="right">  
<a href="$RELOAD_URI$" title="Обновить мини-чат"><img class="mchat_i" width="20" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz2/reload.png"></a>  
<?if($SMILES_URI$)?> <a href="javascript://" title="Показать/Спрятать смайлы" onclick="$('#seesmiles1').slideToggle(500);"><img width="20" class="mchat_i" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz2/smile.png"></a><?endif?>  
<?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img class="mchat_i" width="20" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz2/settings.png"></a><?endif?>  
</td></tr></table>  

<?if(!$USER_LOGGED_IN$)?>  
<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td colspan="2">$FLD_NAME$</td></tr>  
<tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr>  
</table>  
<?endif?>  

<?if($FLD_CUSTOM1$ || $FLD_CUSTOM2$)?>  
<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>  
</table>  
<?endif?>  

<?if($FLD_SECURE$)?>  
<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>  
</table>  
<?endif?>  

<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td width="95%" rowspan="2"><span title="Выделите текст для отображения ВВ-кодов"><textarea name="mcmessage" class="mchat" id="mchatMsgF" onkeyup="countMessLength();" onfocus="countMessLength();" style="height:60px;width:100%;resize:none;"></textarea></span></td>  
<td align="center" valign="top"><div style="font-size:10px;text-shadow: black 1px 1px 2px;">$LENGTH_COUNTER$</div></td>  
</tr><tr><td align="center" valign="bottom">$SUBMIT$</td></tr></table>  

<div id="menu">  
<center>  
<script type="text/javascript" src="http://webo4ka.ru/Ucoz2/bbcodes_mini_chat.js></script>  
</center>  
</div>  

<div style="display:none;" id="seesmiles1" align="center">  
<script type="text/javascript" src="http://webo4ka.ru/Ucoz2/smiles_mini_chat.js"></script>  
<br>  
<a style="color:9c9c9c;" href="$SMILES_URI$" title="Показать все смайлы"><b>==Остальные смайлы==</b></a>  
<br>  
</div>

Следующий код вставляйте в самый верх вашего css:

Code
/* ВВ Коды для чата */  
#menu {display:none;margin:15 0 15 0;}  
#menu:hover {}  
#menu a {}  
#menu a:hover {}  
.bb {cursor:pointer;padding: 5 10 5 10;background: #444444;box-shadow: 0px 2px 3px #555;-webkit-box-shadow: 0px 2px 3px #555;-moz-box-shadow: 0px 2px 3px #555;border-radius: 10;-webkit-border-radius: 10;-moz-border-radius: 10;}  
.grey {cursor:pointer;background:grey; width:15px; height:15px;border:0;box-shadow: 0px 2px 3px #555;-webkit-box-shadow: 0px 2px 3px #555;-moz-box-shadow: 0px 2px 3px #555;border-radius: 10;-webkit-border-radius: 10;-moz-border-radius: 10;}  
.olive {cursor:pointer;background:olive; width:15px; height:15px;border:0;box-shadow: 0px 2px 3px #555;-webkit-box-shadow: 0px 2px 3px #555;-moz-box-shadow: 0px 2px 3px #555;border-radius: 10;-webkit-border-radius: 10;-moz-border-radius: 10;}  
.green {cursor:pointer;background:green; width:15px; height:15px;border:0;box-shadow: 0px 2px 3px #555;-webkit-box-shadow: 0px 2px 3px #555;-moz-box-shadow: 0px 2px 3px #555;border-radius: 10;-webkit-border-radius: 10;-moz-border-radius: 10;}  
.blue {cursor:pointer;background:blue; width:15px; height:15px;border:0;box-shadow: 0px 2px 3px #555;-webkit-box-shadow: 0px 2px 3px #555;-moz-box-shadow: 0px 2px 3px #555;border-radius: 10;-webkit-border-radius: 10;-moz-border-radius: 10;}  
.purple {cursor:pointer;background:purple; width:15px; height:15px;border:0;box-shadow: 0px 2px 3px #555;-webkit-box-shadow: 0px 2px 3px #555;-moz-box-shadow: 0px 2px 3px #555;border-radius: 10;-webkit-border-radius: 10;-moz-border-radius: 10;}  
.red {cursor:pointer;background:red; width:15px; height:15px;border:0;box-shadow: 0px 2px 3px #555;-webkit-box-shadow: 0px 2px 3px #555;-moz-box-shadow: 0px 2px 3px #555;border-radius: 10;-webkit-border-radius: 10;-moz-border-radius: 10;}  
.orange {cursor:pointer;background:orange; width:15px; height:15px;border:0;box-shadow: 0px 2px 3px #555;-webkit-box-shadow: 0px 2px 3px #555;-moz-box-shadow: 0px 2px 3px #555;border-radius: 10;-webkit-border-radius: 10;-moz-border-radius: 10;}  
.pink {cursor:pointer;background:pink; width:15px; height:15px;border:0;box-shadow: 0px 2px 3px #555;-webkit-box-shadow: 0px 2px 3px #555;-moz-box-shadow: 0px 2px 3px #555;border-radius: 10;-webkit-border-radius: 10;-moz-border-radius: 10;}  
.yellow {cursor:pointer;background:yellow; width:15px; height:15px;border:0;box-shadow: 0px 2px 3px #555;-webkit-box-shadow: 0px 2px 3px #555;-moz-box-shadow: 0px 2px 3px #555;border-radius: 10;-webkit-border-radius: 10;-moz-border-radius: 10;}  
/* ВВ Коды для чата */

/* Новые стили для чата */  
.cBlock1 {text-shadow: black 1px 1px 2px;background:url('http://webo4ka.ru/Ucoz2/blank_glass_444.png');padding: 10px 5px 10px 5px;color:ddd;-webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5x; border-radius: 5px;border-top: solid 1px #565656; border-left: solid 1px #565656; border-bottom: solid 1px #343434; border-right: solid 1px #343434;}  
.cBlockzloi {text-shadow: black 1px 1px 2px;background:url('http://webo4ka.ru/Ucoz2/blank_blue.png');padding: 10px 5px 10px 5px;color:ddd;-webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5x; border-radius: 5px;border-top: solid 1px #565656; border-left: solid 1px #565656; border-bottom: solid 1px #343434; border-right: solid 1px #343434;}  
.cBlockadmin {text-shadow: black 1px 1px 2px;background:url('http://webo4ka.ru/Ucoz2/blank_red.png');padding: 10px 5px 10px 5px;color:ddd;-webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5x; border-radius: 5px;border-top: solid 1px #565656; border-left: solid 1px #565656; border-bottom: solid 1px #343434; border-right: solid 1px #343434;}  
.cBlockmoder {text-shadow: black 1px 1px 2px;background:url('http://webo4ka.ru/Ucoz2/blank_green.png');padding: 10px 5px 10px 5px;color:ddd;-webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5x; border-radius: 5px;border-top: solid 1px #565656; border-left: solid 1px #565656; border-bottom: solid 1px #343434; border-right: solid 1px #343434;}  
.mchat {text-shadow: black 1px 1px 2px;background: #454545;padding: 2px 5px 2px 5px;color:ddd;-webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5x; border-radius: 5px;border-top: solid 1px #565656; border-left: solid 1px #565656; border-bottom: solid 1px #343434; border-right: solid 1px #343434;}  
.mchat_i {opacity:1;}  
.styled_block {background:url('http://webo4ka.ru/Ucoz2/blank_glass_444.png');box-shadow: 0px 2px 3px #555;-webkit-box-shadow: 0px 2px 3px #555;-moz-box-shadow: 0px 2px 3px #555;border-radius: 20 20 20 20;-webkit-border-radius: 20 20 20 20;-moz-border-radius: 20 20 20 20;}  
.styled_block_i {background:url('http://webo4ka.ru/Ucoz2/blank_glass_444.png');box-shadow: 0px 2px 3px #555;-webkit-box-shadow: 0px 2px 3px #555;-moz-box-shadow: 0px 2px 3px #555;border-radius: 20 0 0 20;-webkit-border-radius: 20 0 0 20;-moz-border-radius: 20 0 0 20;}  
.styled_block_s {background:url('http://webo4ka.ru/Ucoz2/blank_glass_444.png');box-shadow: 0px 2px 3px #555;-webkit-box-shadow: 0px 2px 3px #555;-moz-box-shadow: 0px 2px 3px #555;border-radius: 0 20 20 0;-webkit-border-radius: 0 20 20 0;-moz-border-radius: 0 20 20 0;}  
.add {background:url('http://webo4ka.ru/Ucoz2/blank_glass_444.png');box-shadow: 0px 2px 3px #555;-webkit-box-shadow: 0px 2px 3px #555;-moz-box-shadow: 0px 2px 3px #555;border-radius: 0 0 10 10;-webkit-border-radius: 0 0 10 10;-moz-border-radius:0 0 10 10x;padding:10;}  
.avatar {width:15;border:0;vertical-align:center;}  
.avatar:hover {width:50;border:0;vertical-align:center;}  
/* Новые стили для чата */

Теперь в то место, где должен располагаться чат, вставляйте:

Code
<script type="text/javascript" src="http://webo4ka.ru/Ucoz2/apoBB_mini_chat.js"></script>  
<script type="text/javascript" src="http://webo4ka.ru/Ucoz2/jquery.caret_mini_chat.js"></script>  
$CHAT_BOX$

Чат разрабатывался для широкоблочного варианта и тёмного дизайна. Для того, чтобы иметь возможность адаптировать данный чат под свой дизайн, вы должны хорошо разбираться в html и css

В прикреплённом архиве находятся все файлы, использованные в этом чате на тот случай, если ссылки на них станут битыми

Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://www.apo-ucoz.com/
  • Всего комментариев: 9

Xgibit
0
Xgibit написал: Написано 05 Февраля 2012 в 14:27
Комментарий №9
не работает css

Saske
0
Saske написал: Написано 05 Января 2012 в 01:26
Комментарий №8
смаилы не раб

Angry
0
Angry написал: Написано 22 Февраля 2011 в 09:41
Комментарий №7
Оп, я на скрине smile
А так, очень классный чат.

Динамо-Киев
0
Динамо-Киев написал: Написано 18 Февраля 2011 в 21:46
Комментарий №6
Прикольный чат!!)))

KazProTeamKaHaT
-2
KazProTeamKaHaT написал: Написано 18 Февраля 2011 в 00:33
Комментарий №4
А ЭТО РИП!???

Вовчик
+1
Вовчик написал: Написано 18 Февраля 2011 в 01:08
Комментарий №5
нет

MAXIM
-1
MAXIM написал: Написано 17 Февраля 2011 в 16:49
Комментарий №3
Вовчик, да ясно дело, норм чат, отредактировал под себя, сделал под белый фон, вроде неплохо получилось! спасибо

MAXIM
0
MAXIM написал: Написано 17 Февраля 2011 в 12:04
Комментарий №1
у меня совсем другой чат получился!!!!!!!
не такой как на картинке

Вовчик
+1
Вовчик написал: Написано 17 Февраля 2011 в 15:20
Комментарий №2
MAXIM, написано же

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
    Последние темы
    Опрос
    469
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: