[TITLE]
Главная | Форум | Файлы | Ваш сайт | Регистрация | Вход Приветствую Вас Гость
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Скрипты для Ucoz » Другие скрипты для uCoz » Всплывающий мини-чат в углу сайта + красивый вид (места вопще не занимает на сайте,удобен в общении)
Всплывающий мини-чат в углу сайта + красивый вид
laymДата: Воскресенье, 02.09.2012, 10:55 | Сообщение # 1
Новичек
Группа: Пользователи
Сообщений: 4
[ 0 ]
Награды
0
Бог форума

скрин чата: http://s019.radikal.ru/i607/1208/a8/c9c0e2bbc5da.jpg

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

Установка чата:

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?>


Готово) радуйтесь классным мини-чатом и его внешним видом, если Вам не нравится всплывающий мини-чат, то Вы можете установить себе только вид.
Форум » Скрипты для Ucoz » Другие скрипты для uCoz » Всплывающий мини-чат в углу сайта + красивый вид (места вопще не занимает на сайте,удобен в общении)
  • Страница 1 из 1
  • 1
Поиск:
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
  • Новый Топ пользователей с аватарами для Ucoz (0)

  • Простой и красивый вид формы опроса (0)

  • Красивый информер "кто нас сегодня посетил" для Ucoz (0)

  • Flash радио для сайта (0)

  • Новый информер комментарии для ucoz как на Dle (0)

  • Связь с администрацией (0)

  • Скрипт друзья сайта для uCoz (0)

  • Всплывающий мини-чат в углу сайта + красивый вид (0)

  • Обновленная статистика для Ucoz (0)

  • Сегодня нас посетили XX юзеров (0)

  • [1]>Ваши вопросы по раскрутке [2]

    [2]>Элегантная форма входа с мини профилем [1]

    [3]>Форма входа, простая светлая предназначена для авторизации [1]

    [4]>Скрипт наши cw [1]

    [5]>Красивый информер "кто нас сегодня посетил" [1]

    [6]>Флеш календарик [1]

    [7]>Светлый мини профиль [1]

    [8]>Скрипт для Ucoz: Cтатистика пользователей [1]

    [9]>Счетчик денег на форуме за сообщения [1]

    [10]>Образец заявки на изготовление аватара [1]

  • SaNeq^ (143)
  • Ste@M (47)
  • Batareyka (13)
  • MiX (7)
  • relax (7)
  • Lookflaco (6)
  • Позитивчик (5)
  • Asissa (5)
  • DianaWeb (5)
  • Onlines (4)
  • programen [07.09.2023|22:59]

    Igor_Sivokin [06.09.2017|10:48]

    LEGKO_ZARABOTAT [06.02.2017|03:19]

    mrvolkov490 [29.11.2016|07:58]

    CLON [05.02.2016|13:47]

    BOPOH [08.01.2016|20:43]

    diplomnhelp2000 [01.12.2015|05:04]

    10fru [11.10.2015|12:30]

    Bitfood [07.10.2013|10:35]

    DoG5260 [19.03.2013|20:25]

    Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает. По истечении 24 часов материал должен быть удален с вашего компьютера. Незаконная реализация карается законами РФ: "Об авторском и смежном праве". При копировании материала, ссылка на сайт обязательна!