Главная » Файлы » Скрипты » Cкрипты |
Удобный плавающий чат для форума
25.12.2011, 18:20 | |
Установка: 1. Зайдите в ПУ, управление дизайном, общий вид страниц форума, перед разместите: Code <script type="text/javascript" src="http://ulink.at.ua/UCOZ1/jquery.cookie_ydobnii_chat_forum.js"></script> и в любом месте разместите код: Code <link type="text/css" rel="StyleSheet" href="http://ulink.at.ua/UCOZ1/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://ulink.at.ua/UCOZ1/jquery.cookie_ydobnii_chat_forum.js); </script> <! -- Чат для форума by uJs.su -- > <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://ulink.at.ua/UCOZ1/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://ulink.at.ua/UCOZ1/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> <! -- /Чат для форума by uLink -- > 2. Теперь зайдите в ПУ, управление дизайном, мини-чат, вид материалов, найдите там строку вида (Примечание: если ввиду особенностей Вашего дизайна, класс блока сообщения у Вас назван иначе, вернитесь к шагу 1, и отредактируйте переменную classname, указав вместо значения в скобках, имя Вашего class'a или id.) 3. Готово. | |
Категория: Cкрипты | | |
Просмотров: 620 | Загрузок: 0 |
Всего комментариев: 0 | |