Удобный плавающий чат для форума v1.0

1403
10 из 10
Проголосовало: 2






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

Установка:
1. Зайдите в ПУ, управление дизайном, общий вид страниц форума, перед </head> разместите:

Code
<script type="text/javascript" src="http://webo4ka.ru/Ucoz5/jquery.cookie_ydobnii_chat_forum.js"></script>


и в любом месте разместите код:

Code
<link type="text/css" rel="StyleSheet" href="http://webo4ka.ru/Ucoz5/forumchat_ydobnii_chat_forum.css" />
  <style>
  .cMessage {color:#333;border:1px solid #CCC;background-color:#EEE !important}
  </style>
  <script type="text/javascript">
  classname = '.cBlock1';
  $.getScript('http://webo4ka.ru/Ucoz5/forumchat_ydobnii_chat_forum.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://webo4ka.ru/Ucoz5/settings1_ydobnii_chat_forum.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://webo4ka.ru/Ucoz5/img_close_ydobnii_chat_forum.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 -- >


2. Теперь зайдите в ПУ, управление дизайном, мини-чат, вид материалов, найдите там строку вида <div class="cBlock$PARTY$"... и замените на cBlock1.

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

3. Готово.
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://www.ujs.su/
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2116
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • vsouze написал:
  • Добрый вечер.Подскажите,пожалуйста: как сделать, чтобы второй или третий набор смайлов заменить своими.
    Вы сами себе пишите?
  • CbIPoK2513 написал:
  • Скрипт хорош, уже подстроил свой сайт под него :3
  • gefest35 написал:
  • Супер)))!пасиб за работу!!!
    Последние темы
    Опрос
    244
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 2
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: