Всё для Web Мастера uCoz

Лучшие шаблоны для ucoz, скрипты для ucoz, иконки для uCoz, шапки для uCoz.




Меню сайта

Случайное

Реклама

Немного Тегов
Скрипты для uCoz шаблоны для uCoz Иконки для uCoz Скачать иконки для uCoz Новые шаблоны для uCoz Новые скрипты для uCoz cs шаблоны для uCoz Бесплатная раскрутка сайтов uCoz Всё для Юкоз Шаблоны для юкоз с рабочим конструктором

Помощь сайту
Наши банеры :)

Новое
Новое для uCoz Новое на форуме
+ Скрипт анонимного чата (ajax)
+ The Room Two
+ Wild Blood
+ Botanicula / Ботаникула
+ Король Математики (2013)
+ Кнопка рейтинга + и -
+ отбросы смотреть онлайн
+ Marlinnkalmes
+ проститутки иркутска
+ споры страховыми компаниями
+ купить водку ельцин - Белая Церковь-Полтава-Харьков
+ FedorTuh
Новое для Photoshop Новые Программы
+ Календарь на 2016 год - Прикольная обезьянка с фруктом
+ Фото шаблон - В синем платье у Порше 918
+ Шаблон для фото - Интервью актера
+ PSD шаблон для мужчин - Магнат у себя дома
+ Photoshop шаблон - В гламурной шляпе с цветами
+ Фотошаблон для фото - С новым годом от снегурки
+ Ресурс для продаж
+ Ulead VideoStudio v11.5 Plus+Dolby Digital PowerPack+Ключ
+ Игра Monopolia NEW!
+ Punk's Not Dead или Телепузики MUST DIE!
+ «Умные» часы будут еще умнее
+ JDоwnloader 0.9.579

  Интересное

Скачать Всплывающий мини-чат в углу сайта + красивый вид


Добавлено: 04.09.2012


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

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

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 | Просмотров: 440 | Добавил: niknamebic

Теги: Скачать Всплывающий мини-чат в углу сайта + красивый вид, скачать Всплывающий мини-чат в углу сайта + красивый вид для uCoz бесплатно

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

Профиль
Понедельник
21.07.2025
12:13




Для расширенных возможностей авторизуйтесь или зарегистрируйтесь...


Поиск по сайту

Всё Для uCoz

Для Photoshop

Мини-Чат

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



Такая hr :\

Сегодня были:


Категории раздела


Портал Our-Soft™ всё для сайтов uCoz © 2009-2010
Скрипты uCoz | Шаблоны uCoz | Sitemap-forum.xml | Sitemap.xml |
Все материалы принадлежат их Правообладателям. Тут Скрипты и шаблоны для uCoz
PR-CY.ru