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

SUAREZ добавил 1401260367 в раздел UCOZ Другие скрипты
Отличный мини-чат для 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://updatesite.ru/image/tmpl/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://updatesite.ru/demo/mchat/cookie.js"></script>
<script type="text/javascript" src="http://updatesite.ru/demo/mchat/minichat.js"></script>
<link type="text/css" rel="StyleSheet" href="http://updatesite.ru/demo/mchat/minichat.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 - страница управления сообщениями в чате.

Установка завершена!
На этом установка окончена: в результате при загрузке страниц сайта вы увидите мини-чат в свернутом виде.

Возможны обновления данного мини-чата для uCoz: панель со смайликами, вывод статусов пользователей (онлайн/оффлайн), да и другие плюшки, о который вы можете попросить в комментариях к материалу.
+23
Теги: мини-чат, cookie, Выдвижной, ucoz, Чат, jQuery
Автор: SUAREZ
Источник: http://updatesite.ru
Зарегистрируйтесь или авторизуйтесь, чтобы добавлять комментарии, оценивать материалы и сохранять их в личном кабинете.
Вы не можете добавлять комментарии

17 комментариев

  1. alexss274 alexss274

    1458651607 | | IP | Редактировать | Удалить

  2. NiceRip NiceRip

    1402295920 | | IP | Редактировать | Удалить

  3. SUAREZ SUAREZ

    1402315046 | | IP | Редактировать | Удалить

  4. NiceRip NiceRip

    1402671014 | | IP | Редактировать | Удалить

  5. SUAREZ SUAREZ

    1402678892 | | IP | Редактировать | Удалить

  6. NiceRip NiceRip

    1402823337 | | IP | Редактировать | Удалить

  7. BSide BSide

    1401388994 | | IP | Редактировать | Удалить

  8. SUAREZ SUAREZ

    1401448869 | | IP | Редактировать | Удалить

  9. SUAREZ SUAREZ

    1401552385 | | IP | Редактировать | Удалить

  10. Ronald Ronald

    1401799659 | | IP | Редактировать | Удалить

  11. BSide BSide

    1401296408 | | IP | Редактировать | Удалить

  12. SUAREZ SUAREZ

    1401367468 | | IP | Редактировать | Удалить

  13. SUAREZ SUAREZ

    1401280076 | | IP | Редактировать | Удалить

  14. BSide BSide

    1401277996 | | IP | Редактировать | Удалить

  15. SUAREZ SUAREZ

    1402315129 | | IP | Редактировать | Удалить

entry
Свернуть
Развернуть мини-чат
0