Мини чат в ajax окне для сайтов на uCoz - Скрипты - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Скрипты


Отличное предложение для мини чата, который по клику будет по центру открываться в ajax окне, где все функций будут по умолчанию. Сейчас интернет ресурсы оригинальные по дизайн идут и чат не очень в них вписывается. И для этого можно его скрыть и в тоже время он будет на главной странице. Это виде кнопки или надписи. что можно сразу заменить, что не мало важно, если ресурс посещаемый, да и структура меняется, так как место в любом случай освободиться и там можно информер или рекламу установить.

Вид материала и форму добавление все выставляем по стандарту в админ панели. Здесь важна сама функциональность, есть много элементов или форме, что устанавливают в нижнее углы, но они все же заметны. А здесь совершенно не видно, и только по вызову может его вызвать. Можно что то вроде даже техподдержки сделать, чтоб быть в онлайн и быстро ответить.

Прекрипил кнопку на CSS, если она не нужна, то стили не ставим и класс с вызова убраем.

Это вызов на кнопке с классом, что за дизайн отвечает.

Код
<a href="#" class="kamorka" onclick="openchat();">Открыть мини-чат</a>


В низ сайта, там и размер по щирине и высоте выставляем.

Код
<script type="text/javascript">  
  function openchat(){new _uWnd('chat','Mini-chat',745,341,{align:0,shadow:0,close:1,autosize:1,maxh:745,minh:341,resize:0}, $("#chat").html() )}  
  </script>  
  <div style="display:none;" id="chat">$CHAT_BOX$</div>


CSS :

Код
a.kamorka {  
  display: inline-block;  
  color: white;  
  text-decoration: none;  
  padding: .5em 2em;  
  outline: none;  
  border-width: 3px 0;  
  border-style: solid none;  
  border-color: rgb(51, 175, 253) rgba(0, 0, 0, 0.99) rgba(6, 127, 215, 0.97);  
  border-radius: 5px;  
  background: linear-gradient(rgba(74, 172, 212, 0.99), rgba(22, 126, 227, 0.98)) rgba(22, 113, 227, 0.97);  
  transition: 0.2s;  
}  
a.kamorka:hover {background: linear-gradient(rgba(58, 151, 187, 0.96), rgba(87, 153, 212, 0.96)) rgba(60, 142, 208, 0.97);}  
a.zornet:active { background: linear-gradient(rgba(0, 150, 245, 0.97), rgba(0, 134, 245, 0.96)) rgba(0, 130, 245, 0.98); }


Источник: ZorNet.ru

Важно!

При копировании материала указывать ссылку на источник.

- 519
- 28-Октября-2017
- 0
Материал разместил:

Похожий материал
Статьи сайта