Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Сворачивающийся чат под кнопкой

Предыдущая тема Следующая тема Перейти вниз

Сворачивающийся чат под кнопкой

Сообщение автор Fenicskill в Пт 11 Ноя - 20:58

Можно ли сделать чат сбоку форума? То есть, будет выпирать маленькая картинка, при наведении на которую она измениться, и появиться сбоку чат.
avatar
Fenicskill
 

Мужчина

Сообщения : 57
Возраст : 21
Регистрация : 2010-05-05
Благодарности : 0

Без предупреждений

http://magic-m.forum2x2.ru

Вернуться к началу Перейти вниз

чат сбоку форума?

Сообщение автор Dana Domirani в Пт 11 Ноя - 21:47

Туториал взят с help.forumotion.com

1. В ПА > Модули > Чат - Конфигурация > ставите
Активировать чат: "Да"
Показ: "Не показывать"

2. В ПА > Модули > Управление страницами HTML - создаете новую страницу:
- Название: "Чат"
- Вы хотите использовать верх и низ вашего форума? "Нет"
- Использовать эту страницу в качестве Главной? "Нет"
- Код HTML:
Код:
var cb_new=1;
var cbmp3='http://bit.ly/rupblD';
jQuery(document).ready(function(){
jQuery('body').append('<span id="cbalarm"></span>');
});
jQuery('body').append('<div style="border-top: 7px solid COLORHERE;border-left: 7px solid COLORHERE; border-radius: 20px 0 0 0; z-index: 10000; -moz-border-radius: 20px 0 0 0; -webkit-border-radius: 20px 0 0 0; background-color: COLORHERE; position: fixed; bottom: 0px; right: 0px;" onMousever="stopINT()" onClick="stopINT()" onClick="stopINT()" onMouseOut="stopINT()" id="chatbox_ret_cont"><div style="font-size: 12px; font-family: \'trebuchet ms\', serif; cursor: pointer; padding: 3px;"  onClick="(document.getElementById(\'chatbox_ret\').style.display==\'block\')?my_setcookie(\'chatbox_ret\',\'0\',0,0):my_setcookie(\'chatbox_ret\',\'1\',0,0); jQuery(\'#chatbox_ret\').toggle(\'normal\');"><span style="color:black" id="chat1">ChatBox</span><span id="chat2"></span></div><iframe src="/chatbox/index.forum" id="chatbox_ret" name="chatbox_ret" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" style="width: 740px; height: 400px; display: none;" onLoad="if(cb_new) { cb_start(); cb_new=0; }"></iframe></div>')
if(parseInt(my_getcookie('chatbox_ret'))==1) document.getElementById('chatbox_ret').style.display='block';
if(!document.getElementById('i_icon_mini_login')){var oldCCB;var oldDCB;var pageTitle=document.title; var INTCB;function stopINT(){ if(INTCB!=undefined){clearInterval(INTCB);document.title=pageTitle;} return true;} function checkCB(){ if(parent.chatbox_ret.connected){ if(parent.chatbox_ret.document.getElementById('chatbox_members').childNodes.length==2) { if(parent.chatbox_ret.document.getElementById('chatbox_members').childNodes[0].className=='member-title away') { document.getElementById('chat1').innerHTML="Chat";document.getElementById('chat2').innerHTML="Box"; } else { document.getElementById('chat2').innerHTML="Box";document.getElementById('chat1').innerHTML="Chat"; } } else if(parent.chatbox_ret.document.getElementById('chatbox_members').childNodes.length>2) { document.getElementById('chatbox_ret_online').innerHTML=parent.chatbox_ret.document.getElementById('chatbox_members').childNodes[1].childNodes.length;document.getElementById('chatbox_ret_offline').innerHTML=parent.chatbox_ret.document.getElementById('chatbox_members').childNodes[5].childNodes.length; }
 parent.chatbox_ret.document.getElementById('refresh_auto').checked=true; var newDCB= parent.chatbox_ret.document.getElementById('chatbox').childNodes[ parent.chatbox_ret.document.getElementById('chatbox').childNodes.length-1].firstChild.innerHTML; if(newDCB!=oldDCB){oldDCB=newDCB;var newCCB= parent.chatbox_ret.document.getElementById('chatbox').childNodes[ parent.chatbox_ret.document.getElementById('chatbox').childNodes.length-1].childNodes[2].innerHTML; stopINT();if(newCCB!=oldCCB){ oldCCB=newCCB; jQuery('#cbalarm').html('<object id="cbalarm" type="application/x-shockwave-flash" data="http://tinyurl.com/minidew-fa" width="0" height="0" style="visibility:hidden"><param name="movie" value="http://tinyurl.com/minidew-fa" /><param name="flashvars" value="mp3='+cbmp3+'&autoplay=1" /></object>');INTCB=setInterval("document.title=(document.title==pageTitle)?'!!! Вам ответили !!!':pageTitle;",500); setTimeout('stopINT()',300000);}}}else {  stopINT();}} function cb_start() { if(parent.chatbox_ret.connected) { oldDCB= parent.chatbox_ret.document.getElementById('chatbox').childNodes[ parent.chatbox_ret.document.getElementById('chatbox').childNodes.length-1].firstChild.innerHTML;oldCCB= parent.chatbox_ret.document.getElementById('chatbox').childNodes[ parent.chatbox_ret.document.getElementById('chatbox').childNodes.length-1].childNodes[2].innerHTML; } else { oldDCB=''; oldCCB=''; } setInterval('checkCB()',1000); parent.chatbox_ret.onfocus= parent.chatbox_ret.onkeypress= parent.chatbox_ret.onclick= parent.chatbox_ret.onblur=stopINT;}}
Находите в коде фрагмент:
Код:
<div style="border-top: 7px solid COLORHERE;border-left: 7px solid COLORHERE; border-radius: 20px 0 0 0; z-index: 10000; -moz-border-radius: 20px 0 0 0; -webkit-border-radius: 20px 0 0 0; background-color: COLORHERE; position: fixed; bottom: 0px; right: 0px;" onmousever="stopINT()" onclick="stopINT()" onmouseout="stopINT()" id="chatbox_ret_cont">
Это кнопка "открыть/закрыть чат", которая будет отображаться в нижнем правом углу.
Заменяете в этом фрагменте текст COLORHERE на коды цветов (например, #000 или #fff):
  • border-top: 7px solid COLORHERE - бордюр сверху
  • border-left: 7px solid COLORHERE - бордюр слева
  • background-color: COLORHERE - цвет фона кнопки


Сохраняете. Копируете адрес этой страницы.

3. Открываете ПА > Модули > Виджеты главной страницы
Проверяете, чтобы было указано -
Показывать виджеты главной страницы : Да
Создаете новый виджет:
- Имя: Чат
- Использовать стандартный шаблон : нет
- Содержание виджета:
Код:
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="адрес страницы" type="text/javascript"></script>
Вместо текста адрес страницы ставите скопированный ранее адрес html-страницы.
Сохраняете.
Добавляете созданный виджет "Чат" во включенную колонку на главной странице. Сохраняете.

4. В CSS добавляете:
Код:
.resize_process img.resize_img {
display: inline;
}
Сохраняете.

P.S. чат оповещает о новых сообщениях звуковым сигналом и мигающей надписью "Вам ответили" в заголовке страницы.

Звук можно поменять.
В строке скрипта
замените http://bit.ly/rupblD
на другую ссылку на mp3-файл.

Готовые варианты звуков:
нежный звон - http://goo.gl/N9hiO
бульканье воды - http://goo.gl/8qVO4
хлыст - http://goo.gl/z0REx
ксилофон - http://goo.gl/FVHTB
бипер - http://goo.gl/hhj5o

Чтобы вообще убрать звук из Чата, удалите из первого скрипта эти фрагменты:
Попробуйте убрать вот эти фрагменты кода:
Код:
var cbmp3='http://bit.ly/rupblD';
Код:
jQuery(document).ready(function(){
jQuery('body').append('<span id="cbalarm"></span>');
});
Код:
jQuery('#cbalarm').html('<object id="cbalarm" type="application/x-shockwave-flash" data="http://tinyurl.com/minidew-fa" width="0" height="0" style="visibility:hidden"><param name="movie" value="http://tinyurl.com/minidew-fa" /><param name="flashvars" value="mp3='+cbmp3+'&autoplay=1" /></object>');



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22304
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8961

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения