Главная » Скрипты для ucoz » Мини-чат

Кнопка для выдвижного мини-чата


1 шаг. Это ставим в CSS:
Code
.center_dm_ru_chat {  
  padding:0;  
  width:388px;  
  background:#F4F5F6;  
  border:#7c7c7c 1px solid;  
  }  
   
  .handle{  
  margin:0;  
  padding:0  
  }


2 шаг. Это ставим в Нижнюю часть сайта:
Code
<script type="text/javascript" src="http://uwebo4ka.3dn.ru/scripts/chat/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 - фиксируем блок с чатом


  Категория: Мини-чат | Добавил: n3c4 | Дата: 04.07.2012

Другие новости

Поделиться ссылкой

Ссылка:
BB-code:
HTML:
1 | syaber пишет: | 20.10.2012 | 20:28 Страница с комментарием |
Картинка удаленна из js-скрипта http://uwebo4ka.3dn.ru/scripts/chat/mini_chat_dm.js
Делаем вывод - скрипт не работает!)
+ (+3) -