Среда, 16.07.2025, 01:45
Приветствую Вас, Гость
Новые сообщения · Участники · Правила форума · Поиск · RSS
  • Страница 1 из 1
  • 1
Удобный плавающий чат для форума v1.0
ac3rДата: Воскресенье, 25.12.2011, 12:59 | Сообщение # 1
Я люблю MegaDoza.3dn.ru
Группа: Пользователи
Сообщений: 65
Репутация: 0
Статус: Offline

Представляем вам скрипт - удобный плавающий чат с авто обновлением и быстрой отправкой сообщения сочетанием клавиш 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 -- >
Прикрепления: 7317389.png (30.0 Kb)
 
  • Страница 1 из 1
  • 1
Поиск: