Видео-уроки
Статистика
Комментарии

в 19:43 19.02.2024

в 00:58 25.12.2023
как зробить шоб зразу с текстурой появилос

в 13:17 20.07.2023
Содержимое сайта
Последние обновленные темы на форуме
Последний: eniston4739
Социальные сети
Тему создал Vetal, В Разделе: Социальные сети
5
Ответов
Последний: eniston4739
Дизайн сайта
Тему создал Raccoon, В Разделе: Общение
9
Ответов
Последний: eniston4739
Общение Mir-Devil
Тему создал Vetal, В Разделе: Общение
36
Ответов

  • Страница 1 из 1
  • 1
Дизайнерский Форум » Уголок Web Мастера » Скрипты » Разное » Мини чат
Мини чат
Дата: Суббота, 18.02.2017, 23:40 | Сообщение # 1
Raccoon
Friends Mir-Devil
372Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:


Я конечно был сильно удивлен тому что вам всем так понравиться новый мини чат. И решил выложить скрипт данного чата. Хочу сразу сказать что чат оригинальный и не совсем похож на мой так как свой я переделывал под себя и свой дизайн. При желании вы можете изменить также все на свой вкус.

Установка его очень проста. В нижнею часть сайта в самый низ вставляйте данный код.

Код
<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://scripts-for-ucoz.ru/images2/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://scripts-for-ucoz.ru/images2/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>  
<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>


[table]У кого возникнут какие либо вопросы или же будет нужна помощь по настройке или смене чего либо в мини чате то смело можете писать в комментариях[/table]

Дизайнер живёт своей профессией, делая из хаоса порядок.
Дата: Воскресенье, 19.02.2017, 00:38 | Сообщение # 2
DESTEQ
ROOTGAMES.RU - CREATOR
Пользователи
4Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Дождался
Очень благодарен, спасибо
Дата: Воскресенье, 19.02.2017, 00:50 | Сообщение # 3
Raccoon
Friends Mir-Devil
372Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
DESTEQ, embarrassed

Дизайнер живёт своей профессией, делая из хаоса порядок.
Дата: Воскресенье, 19.02.2017, 03:30 | Сообщение # 4
Бармен
Пользователи
13Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Не плохо
Дата: Воскресенье, 19.02.2017, 22:13 | Сообщение # 5
CHITEROK
Пользователи
51Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
О я тоже ждал его ! Чат просто бомба!
Дизайнерский Форум » Уголок Web Мастера » Скрипты » Разное » Мини чат
  • Страница 1 из 1
  • 1
Поиск: