Приветствую Вас Прохожий | RSS Суббота, 10.12.2016, 02:07
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 5
Гостей: 5
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Красивый мини-чат в правом нижнем углу сайта

Красивый мини-чат в правом нижнем углу сайта
Красивый мини-чат в правом нижнем углу сайта При нажатие кнопки, разворачивается мини-чат.
Установка:
1. Создайте глобальный блок,
2. Вставьте туда этот код:

Code
<div style="position:absolute;position:fixed;bottom:1;left:1;opacity:1.0;">  
<div class="mini_prof_out" onmouseover="this.className='mini_prof_on'" onmouseout="this.className='mini_prof_out'" id="mini_prof">  
  <div id="sam_profil" style="display:none">$CHAT_BOX$</div><table border="0" cellpadding="0" cellspacing="0">  
  <tr><td style=" text-align: center;"><span id="open_miniprof"><b title="http://softaman.ru/">Мини-Чат</b></span>  
  <span id="close_miniprof" style="display:none">Скрыть</span>  
<script type="text/javascript">$(document).ready(function(){$("#open_miniprof").click(function(){$(this).hide(100); $("#close_miniprof, #sam_profil").show(100); $("#sam_profil").css("text-align","left");}); $("#close_miniprof").click(function(){$(this).hide(100); $("#sam_profil").hide(100); $("#open_miniprof").show(100); $("#sam_profil").css("text-align","center");});});</script>  

<style>.mini_prof_out {background-color: #f4f4f4; border:1px solid #9db0bf; padding: 4px 10px; position: fixed; bottom: 4px; right: 4px; text-align: center;} .mini_prof_on {background-color: #f4f4f4; border:1px solid #9db0bf; padding: 4px 10px; position: fixed; bottom: 4px; right: 4px; opacity: 1; text-align: center;} #mini_prof #close_miniprof {color: #810000; text-decoration: underline; cursor: pointer;} #mini_prof #open_miniprof {color: #3e8144; text-decoration: underline; cursor: pointer;}</style>  
<input type="hidden" name="numa" id="numa832" value="0"><input type="hidden" name="a" value="18"><input type="hidden" id="ajaxFlag" name="ajax" value="1" /></form>  
<script type="text/javascript">initSel7174();</script>  
<style>  
  #ChatBox {display:none;}  
#ChatBoxI{  
background:none repeat scroll 0 0 #FFFAF2;  
border:1px solid #FFD69B;  
color:#000;  
margin-left:-10px;  
margin-right:-10px;  
margin-top:10px;  
padding:2px;  
}  
</style>  
</td></tr></table></div>

3. дальше вставляйте ваш блок в шаблон после кода $CONTENT$
Пример

внизу разуметься
Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 2125 | Рейтинг: 0.0/0 | |Категория: Скрипты Разное | Добавил: makcim19997 | Дата: 17.03.2011 | Скачали: 0 | Теги: углу, Мини-чат, правом, сайта, нижнем, красивый
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru