UCOZ
МЕНЮ UCOZ
ФАЙЛЫ
ШАБЛОНЫ
СКРИПТЫ
ПОЛЕЗНОЕ
ДЛЯ ФОТОШОПА
НОВОСТИ
СТАТЬИ
ФОРУМ
RSS
ПОИСК
КОНТАКТЫ
ВХОД
РЕГИСТРАЦИЯ
КАРТА САЙТА
КАРТА ФОРУМА
СЧЕТЧИК
ФОРУМ UCOZ
  • Страница 1 из 1
  • 1
Форум UCOZ » Все Для Ucoz'a » Ucoz Скрипты » Мини-Чат » Удобный плавающий чат для форума v1.0
Удобный плавающий чат для форума v1.0
Ucoz24 Дата: Среда, 04.01.2012, 16:49 | Сообщение # 1


BOT сайта
За 50 Сообщений За 500 Сообщений
.
Представляем вам новый скрипт - удобный плавающий чат с авто обновлением и быстрой отправкой сообщения сочетанием клавиш CTRL+ENTER. Скрипт предназначается для форума,но по сути можно поставить на любые страницы. Пользуйтесь!

УСТАНОВКА:
1. Зайдите в ПУ, управление дизайном, общий вид страниц форума, перед разместите:
Code
<script type="text/javascript" src="http://www.ujs.su/JS/system/jquery.cookie.js"></script>  

P.S.: если у вас уже установлена библиотека cookie данный шаг опускайте и переходите к шагу 2.

2. В любом месте разместите код:
Code
<link type="text/css" rel="StyleSheet" href="http://www.ujs.su/JS/forumchat.css" />   
    <style>   
    .cMessage {color:#333;border:1px solid #CCC;background-color:#EEE !important}   
    </style>   
    <script type="text/javascript">   
    classname = '.cBlock1';   
    $.getScript('http://www.ujs.su/JS/forumchat.js');   
    </script>    
    <! -- Чат для форума by uJs.su -- >   
    <?if($USER_LOGGED_IN$)?>   
    <a href="javascript://" id="show" title="Открыть чат" onclick="chat('open')"><span id="openbtn"><b>Открыть чат</b></span></a>   
    <div id="cht">   
<div style="display:none" id="events">   
    </div>   
       
    <div style="display:none" id="fixed_btn">   
    <a title="Всегда на странице" href="javascript://" onclick="fix('on');"><img src="http://ujs.su/style/mchat/settings1.png" border="0" width="13" height="13" alt="" /></a></div>   
    <div style="display:none" id="close">   
    <a title="Закрыть чат" href="javascript://" onclick="$('#chbox').fadeOut('100');$('#openbtn').show();$('#close').fadeOut('200');$('#events').fadeOut('100');$('#fixed_btn').hide();fix('off');"><img src="http://ujs.su/softblock/manage/img_close.png" border="0" width="13" height="13" alt="" /></a></div>   
    <div style="display:none" id="chbox" onmouseover="$(function () { $('#chbox').stop().animate({opacity: 1.0},1000) })" onmouseout="$(function () { $('#chbox').stop().animate({opacity: 0.7},1000) })">   
    <div id="ch_messages"><span style="color:#555">Загрузка сообщений...</span></div><hr style="margin: 3px; height: 1px; border-left: 0px none; border-right: 0px none; border-width: 0px; border-style: none; border-color: -moz-use-text-color; background: none repeat scroll 0% 0% rgb(221, 221, 221);">   
    <input type="text" id="msg" style="height:30px;width:190px;padding-top:2px" value="">   
    </div></div>   
    <?endif?>   
    <! -- /Чат для форума by uJs.su -- >

3. Теперь зайдите в ПУ, управление дизайном, мини-чат, вид материалов, найдите там строку вида
(Примечание: если ввиду особенностей Вашего дизайна, класс блока сообщения у Вас назван иначе, вернитесь к шагу 1, и отредактируйте переменную classname, указав вместо значения в скобках, имя Вашего class'a или id.)
4. Готово. Протестировать можно у нас на форуме

P.S. для настройки вида сообщений в чате, настраивайте те же class'ы или id, что у вас установлены для стандартного чата. Вид блока с чатом, кнопок и пр. можно изменить, отредактировав файл http://www.ujs.su/JS/forumchat.css.

Источник:Ujs.su



Сообщение отредактировал hardy - Среда, 04.01.2012, 17:21
fabregas7 Дата: Пятница, 03.02.2012, 15:57 | Сообщение # 2


. Для пользователей он не очень то и удобный. Мне кажется что стандартный чат получше будет.

Mr-Hell Дата: Суббота, 04.02.2012, 23:58 | Сообщение # 3


Журналист
За 50 Сообщений За 500 Сообщений За 1000 Сообщений За 2000 Сообщений За 5000 Сообщений
. Фигня полная

Makar Дата: Пятница, 24.02.2012, 16:45 | Сообщение # 4


За 50 Сообщений За 500 Сообщений За 1000 Сообщений
. Не очень уж как то

Форум UCOZ » Все Для Ucoz'a » Ucoz Скрипты » Мини-Чат » Удобный плавающий чат для форума v1.0
  • Страница 1 из 1
  • 1
Поиск: