Плавающий Online-чат для Ucoz v2.0
Новая версия плавающего Online-чата
1. Исправлено отображение панели действий
2. Добавлено отображение капчи для пользователей
3. Добавлена функция изменение размера окна
4. Добавлена возможность изменять цвет окна
5. Так же админам можно делать настройки окна. О этом ниже
Установка чата
1) На страницах, где будет функционировать чат подключите скрипты и css под :
Code
<link
type="text/css" rel="StyleSheet"
href="http://webo4ka.ru/Ucoz4/onlain-mchat-publ2.0.css" /> <script
src="http://webo4ka.ru/Ucoz4/onlain2-jquery.cookie.js"></script>
<script
src="http://webo4ka.ru/Ucoz4/onlain-lsonline-2.0.js"></script>
2) После на всех страницах сайта вставьте:
Внимание! На странице данный код не должен повторяться
Code
$CHAT_BOX$
3) В (ПУ / Управление дизайном / Мини-чат / Вид материалов) найдите строку
Code
<div class="cBlock$PARITY$" style="padding:0 4px 5px 2px;margin-bottom:3px;">
и замените на:
Code
<div class="cBlock$PARITY$ message" style="padding:0 4px 5px 2px;margin-bottom:3px;">
4) В (ПУ / Управление дизайном / Мини-чат / Форма добавления сообщений) Замените весь код на код
Code
<div
id="ls-capcha">$FLD_SECURE$ $IMG_SECURE$</div>
<div id="chatbox"> <div id="chatbox-back"></div>
<div id="chatbox-cons"> <div id="chatbox-top"
class="clearfix"> <div id="chatbox-name">Чат</div>
<div class="chatbox-off"></div>
<a href="$MSGCTRL_URI$" title="Управление
сообщениями"><div class="chatbox-ico
chatbox-opt"></div></a>
<a href="$SMILES_URI$" title="Вставить
смайл"><div class="chatbox-ico
chatbox-sml"></div></a>
<a href="$BBCODES_URI$"
title="BB-Коды"><div class="chatbox-ico
chatbox-bb"></div></a> <a href="#"
title="title"><div class="chatbox-ico
chatbox-cop"></div></a> </div> <div
style="clear:both;"></div> <div id="chatbox-main">
<div id="chatbox-body"> <div id="ls-ok"></div> <div
style="clear:both;"></div> </div> <div
id="MCaddFrms"> <textarea
name="mcmessage" class="mchat chatbox-reply" id="mchatMsgF"
title="Сообщение" onkeyup="countMessLength();"
onfocus="countMessLength();"></textarea>
<textarea disabled="disabled" class="chatbox-reply">Добавление
запрещено</textarea> <img style="display:none "
id="mchatAjax"> <input type="submit" value=" "
class="mchat chatbox-knop"
id="mchatBtn">
</div> <div style="clear:both;"></div> <div
class="chatbox-color"></div> <div
class="chatbox-color2"></div> <div
class="chatbox-resize"> <div class="chatbox-resize-1
chatbox-opa1"></div> <div class="chatbox-resize-2
chatbox-opa2"></div> <div class="chatbox-resize-3
chatbox-opa3"></div> </div> </div> </div>
</div>
5) Для включения чата, установите кнопку в любом месте сайта используя следующий код:
Code
<div id="chat-bs">Включить Online-Чат</div>
!) Для того, что бы при первом заходе на сайт чат был включен сразу - вставьте следующий код сразу над
Code
<script> $(function () { if($.cookie('chatons') != 'false') { $('#chat-bs').click(); }; }); </script>
!) Для того стандартно чат был белым - вставьте следующий код сразу над
Code
<script> $(function () { if($.cookie('chcolor') != 'false') { restyle(); }; }); </script>
Comments 0