Выдвижной мини-чат для uCoz


Выдвижной мини-чат для uCoz

1354
9.6 из 10
Проголосовало: 6






Отличный мини-чат для uCoz в стиле окна диалога ВКонтакте. Чат обладает очень многими необходимыми функциями: красивым скроллингом, звуком при новых сообщениях, сворачиванием/разворачиванием блоков, перемещением по горизонтали, да и просто, красивым внешним видом.

Для общения с посетителями своего портала не достаточно формы обратной связи и комментариев. Для того, что всегда моментально отвечать на вопросы пользователей и всегда быть на связи, и был создан данный мини-чат для uCoz. После установки мини-чата любой пользователь сможет принимать активное участие в развитии и жизни сайта, от обсуждений об обновлениях портала, до обычных диалогов, просто написав сообщение в чат.

Стандартный мини-чат занимает в контейнере не мало места, а так же в нем отсутствует звуковое уведомление о новых записях, поэтому если вы решите активировать данный модуль, то данная его реализация именно для вас.

Примечание: Если вдруг появится ошибка: "Не заполнено поле сообщения", то необходимо удалить системный оператор $CHAT_BOX$, который в основном находится в ПУ - Управление дизайном - Первый (второй) контейнер.

Установка:
Изначально, в панели управления, необходимо нужно активировать модуль "Мини-чат", а так же отключить капчю у всех групп пользователей.

1. Скопируйте код ниже и вставьте его в ПУ » Вид материалов мини-чата:

Код
<div class="msg"><div class="block1"><div class="block2">  
  <a href="/index/8-$USER_ID$" target="_blank" rel="nofollow" title="$USERNAME$"><img alt="$USERNAME$" class="avatar" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http://webo4ka.ru/Ucoz8/avatar-default.gif<?endif?>" width="38" height="38"></a>  
  </div>  
  <div class="cMessage">  
  <div class="cMessage_inner">  
  <div><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus(); parent.window.document.getElementById('mchatMsgF').value+='$USERNAME$, ';return false;">$USERNAME$</a>:  
  <div class="commtime"><span title="$DATE$">$TIME$</span></div></div>  
  <div class="cMessage_body"<?if($NUMBER$='1')?> id="c_one"<?endif?>>$MESSAGE$</div>  
  </div>  
  </div></div></div>


2. Далее замените код в ПУ » Форма добавления сообщений:

Код
<div class="mchat_add">  
  <div class="sound_on"></div><div class="sound_off"></div>  
  <?if(!$USER_LOGGED_IN$)?><div class="mchat_textedit">Необходима авторизация..</div><?else?>  
  <input id="mchatMsgF" maxlength="500" name="mcmessage" class="mchat_textedit" type="text" placeholder="What's up?" value="">  
  <div class="mchat_delstatus"></div>  
  <input type="submit" onclick="messages();setTimeout(function(){messages()},500)" value="Отправить" id="mchatBtn" />  
  <input id="mchatAjax" type="button" value="Отправить" disabled />  
  <?endif?>  
  </div>


3. И последним действием в нижнем глобальном блоке для правильно отображения вставляем следующий код:

Код
<script type="text/javascript" src="http://webo4ka.ru/Ucoz8/cookie_dli_mini_chata.js"></script>  
  <script type="text/javascript" src="http://webo4ka.ru/Ucoz8/minichat_dli_mini_chata.js"></script>  
  <link type="text/css" rel="StyleSheet" href="http://webo4ka.ru/Ucoz8/minichat_dli_mini_chata.css">  

  <div class="chat_over"> <div title="Заблокировать чат" id="chatlocking"></div>  
  <div id="bottom_chat" onclick="hide_chat()">Свернуть</div><div id="top_chat" onclick="show_chat()">Развернуть мини-чат</div>  
  <div id="cht" onclick="show_chat()">  
  <div class="ngd"><div id="wrapper"><div id="scroller" class="comm"></div></div>  
  <div class="chtt">$CHAT_BOX$</div></div>  
  <div id="c_one_clon">0</div><div id="c_tell"></div></div></div>


http://ваш_сайт/mchat/0-1 - страница управления сообщениями в чате.

Установка завершена!

На этом установка окончена: в результате при загрузке страниц сайта вы увидите мини-чат в свернутом виде.
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://updatesite.ru
  • Всего комментариев: 2

WaR1ocK
0
WaR1ocK написал: Написано 24 Августа 2014 в 00:52
Комментарий №1
Как его разместить в правой нижней части сайта?

Вовчик
0
Вовчик написал: Написано 24 Августа 2014 в 15:31
Комментарий №2
.chat_over {position:fixed;padding:5px;padding-top:0;z-index:9999;bottom:-212px;left:20px;text-align:center;background:rgba(0,0,0,0.6);

left:20px; поменять на right

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 2
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: