Описание:
Кнопка открытия мини-чата с правой верхней стороны. Использование мини-чата удобно, а в случае ненадобности показа мини-чата нажав на любое место (кроме самого мини-чата) на сайте мини-чат автоматически скрывается.
Кнопка открытия мини-чата с правой верхней стороны. Использование мини-чата удобно, а в случае ненадобности показа мини-чата нажав на любое место (кроме самого мини-чата) на сайте мини-чат автоматически скрывается.
Установка:
1 шаг. Это ставим в CSS:
Код
.center_dm_ru_chat {
padding:0;
width:388px;
background:#F4F5F6;
border:#7c7c7c 1px solid;
}
.handle{
margin:0;
padding:0
}
2 шаг. Это ставим в Нижнюю часть сайта:
Код
<script type="text/javascript" src="http://www.center-dm.ru/ucoz/chat/v1/mini_chat_dm.js"></script>
<div class="center_dm_ru_chat">
<a class="handle" href="#">Мини-чат</a>
$CHAT_BOX$
</div>
P.S. В случае ручной настройки js файла вот помощь:
pathToTabImage - ссылка на выдвижную кнопку
imageHeight - высота выдвижной кнопки
imageWidth - ширина выдвижной кнопки
tabLocation - прижимаем кнопку к правому краю экрана
speed - скорость появления контейнера с чатом
topPos - верхний отступ
fixedPosition - фиксируем блок с чатом
