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

Описание материала:

Отличный, даже можно сказать супер скрипт "Всплывающий мини-чат" для сайтов системы uCoz. Что из себя он представляет: скрипт прост в работе, а точнее при его установке у Вас на сайте в нижнем правом углу появится красивая кнопка "Чат" при нажатие на нее плавно выезжает чат, но когда Вы его установите к себе на сайте, Вы должны будите убрать мини-чат с блоков если он у Вас там есть. Скрипт прост в установке и не требует особых усилий.

Установка:

  • Скачиваем архив и заливаем папку img к себе в корень сайта.
  • Заходим в ПУ >>> Управление дизайном >>> Нижняя часть сайта и в самый низ ставим данный код:
    Код
    <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('/img/close.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:36px;height:36px;background:url('/img/chat.png') no-repeat;position:fixed;bottom:15px;right:15px;opacity:0.5;-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>  
    <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>

    Готова!


    Скачать ( Размер архива 4.4 Kb )

    По данной ссылке, Вы можете скачать или купить архив данного материала

    Установка материала

    Мы поможем установить данный материал к Вам на сайт


    Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 1006 | Загрузок: 32

    Теги к материалу: мини-чат, ucoz, для, Всплывающий

    Поделиться в соц. сетях:

    К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

    Комментариев: 0
    avatar