Новая версия плавающего Online-чата
1. Исправлено отображение панели действий
2. Добавлено отображение капчи для пользователей
3. Добавлена функция изменение размера окна
4. Добавлена возможность изменять цвет окна
5. Так же админам можно делать настройки окна. О этом ниже
Установка чата
1) На страницах, где будет функционировать чат подключите скрипты и css под </head> :
| <link type="text/css" rel="StyleSheet"
href="http://thebeststudio.ru/public/files/css/mchat-publ2.0.css" />
<script
src="http://thebeststudio.ru/public/files/js/jquery.cookie.js"></script>
<script
src="http://thebeststudio.ru/public/files/js/lsonline-2.0.js"></script> |
2) После <body> на всех страницах сайта вставьте:
Внимание! На странице данный код не должен повторяться
3) В (ПУ / Управление дизайном / Мини-чат / Вид материалов) найдите строку
| <div class="cBlock$PARITY$" style="padding:0 4px 5px 2px;margin-bottom:3px;"> |
и замените на:
| <div class="cBlock$PARITY$ message" style="padding:0 4px 5px 2px;margin-bottom:3px;"> |
4) В (ПУ / Управление дизайном / Мини-чат / Форма добавления сообщений) Замените весь код на код
<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="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 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) Для включения чата, установите кнопку в любом месте сайта используя следующий код:
| <div id="chat-bs">Включить Online-Чат</div> |
!) Для того, что бы при первом заходе на сайт чат был включен сразу - вставьте следующий код сразу над
| <script> $(function () { if($.cookie('chatons') != 'false') { $('#chat-bs').click(); }; }); </script> |
!) Для того стандартно чат был белым - вставьте следующий код сразу над
| <script> $(function () { if($.cookie('chcolor') != 'false') { restyle(); }; }); </script> |
| 
