Демо
Новый плавающий Online-чат для Ucoz от Best Studio
Есть возможность перемещать чат в любое место экрана. При этом
сохраняется его положение. Так же есть функция выключения/включения.
Так же установлено автоматическое обновление чата.
Сообщения появляются мгновенно.
1) На страницах, где будет функционировать чат, подключите следующие скрипты и ксс после /head .
Code
<link type="text/css" rel="StyleSheet" href="http://thebeststudio.ru/public/files/css/mchat-publ.css" />
<script src="http://thebeststudio.ru/public/files/js/jquery.cookie.js"></script>
<script src="http://thebeststudio.ru/public/files/js/lsonline-1.0.js"></script>
2) После вставьте следующий код.
Внимание!
На сайта должен быть активирован модуль "Мини-чат".
В чат смогут добавлять сообщения только те, кому не отображается капча.
При желании код можно засунуть в глобальный блок.
Code
<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="javascript://" rel="nofollow" onclick="window.open('/mchat/0-1','mchatCtrl','scrollbars=1,width=550,height=550,left=0,top=0');return false;" title="Управление сообщениями"><div class="chatbox-ico chatbox-opt"></div></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0},{url:'/index/35-1-2'});return false;" title="Вставить смайл"><div class="chatbox-ico chatbox-sml"></div></a>
<a href="javascript://" rel="nofollow" onclick="window.open('/index/17','cbbcodes','scrollbars=1,width=550,height=450,left=0,top=0');return false;" title="BB-Коды"><div class="chatbox-ico chatbox-bb"></div></a>
<a href="http://thebeststudio.ru" 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>
<form id="MCaddFrm" onsubmit="sbtFrmMC991();return false;">
<textarea name="mcmessage" class="mchat chatbox-reply" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();"></textarea>
<textarea disabled="disabled" class="chatbox-reply">Добавление сообщения запрещено</textarea>
<input type="submit" value=" " class="mchat chatbox-knop" id="mchatBtn">
<input type="hidden" name="numa" id="numa832" value="0">
<input type="hidden" name="a" value="18">
<input type="hidden" id="ajaxFlag" name="ajax" value="1">
</form>
</div>
</div>
</div>
<div style="display:none">$CHAT_BOX$</div>
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="chat-bs">Включить Online-Чат</div>
Пользуйтесь ребята. Вид сообщений настраивайте сами как Вам нравится или используйте тот, что уже есть.
