Логин:
Пароль:
Страница 1 из 11
Форум » О uCoz » Скрипты » Плавающий Online-чат 2.0
Плавающий Online-чат 2.0
AndreyДата: Среда, 16.04.2014, 13:10:19 | Сообщение # 1
Технарь
Offline
3

Оригинальный плавающий мини чат. Красиво оформленный, с возможностью перемещения. И просто красивый чат Ну хватит димогогий, давайте установим и посмотрим на него в действие!

И так, находим $CHAT_BOX$ и заменяем на:
Код
<link type="text/css" rel="StyleSheet" href="/mchat_2_0/mchat-publ2.0.css" />    
<script src="/mchat_2_0/jquery.cookie.js"></script>    
<script src="/mchat_2_0/lsonline-2.0.js"></script>    

    $CHAT_BOX$    

<div style="cursor:pointer;" id="chat-bs">Включить Online-Чат</div>


Если вы хотите чтоб изначально чат был белым, то сразу под предыдущим кодом вставьте:
Код
<script>
$(function () {
if($.cookie('chcolor') != 'false') {
restyle();
};
});
</script>


Теперь в виде материалов мини-чата замените что то вроде:
Код
<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;">


И в Форме добавления сообщений мини-чата замените всё на:
Код
<?if($FLD_SECURE$)?><div id="ls-capcha">$FLD_SECURE$ $IMG_SECURE$</div><?endif?>
<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>
<?if($MSGCTRL_URI$)?><a href="$MSGCTRL_URI$" title="Управление сообщениями"><div class="chatbox-ico chatbox-opt"></div></a><?endif?>
<?if($SMILES_URI$)?><a href="$SMILES_URI$" title="Вставить смайл"><div class="chatbox-ico chatbox-sml"></div></a><?endif?>
<?if($BBCODES_URI$)?><a href="$BBCODES_URI$" title="BB-Коды"><div class="chatbox-ico chatbox-bb"></div></a><?endif?>
<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">
<?if($USER_LOGGED_IN$)?><textarea name="mcmessage" class="mchat chatbox-reply" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();"></textarea><?else?>
<textarea disabled="disabled" class="chatbox-reply">Добавление запрещено</textarea><?endif?>
<img style="display:none " id="mchatAjax">
<input type="submit" value=" " class="<?if($USER_LOGGED_IN$)?>mchat<?endif?> chatbox-knop" id="<?if($USER_LOGGED_IN$)?>mchatBtn<?endif?>">
</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>


Всё, осталось только залить файлы из прикреплённого архива к себе на хост в папку "mchat_2_0"

Автор: TheBestStudio
Материал подготовил: Andrey
Для того чтоб скачать прикреплённые файлы нужно Зарегестрироватся, или войти на сайт под своим логином
 
профиль
Форум » О uCoz » Скрипты » Плавающий Online-чат 2.0
Страница 1 из 11
Поиск: