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

Категория Скрипты Дата29-Мар-2024 ЗагрузокЗагрузок: 0



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

Установка:
1) Активируем мини-чат (модуль)
2) В нижнею часть сайта, после футера добавляем:
Code
<style>  <br>  .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;}  <br>  .chat_box div.close  
{display:block;position:absolute;right:0;top:0;background:url('http://alex-magazine.at.ua/img/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);}  <br>
  .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);}  <br>   <br>  div.chat_button
   
{display:block;width:75px;height:75px;background:url('http://alex-magazine.at.ua/img/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);}  <br>
  div.chat_button:hover  
{cursor:pointer;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}  <br> </style>  <br> <div class="chat_button" onclick="$('.chat_button').fadeOut('fast');$('.chat_box').slideToggle('slow');"></div>  <br>
  <div class="chat_box"><div class="close"  
onclick="$('.chat_box').slideToggle('fast');$('.chat_button').fadeIn('slow');"></div>  <br> <div id="chatBox">$CHAT_BOX$</div>  <br>  <script type="text/javascript">  <br>  function reloadTimeC() {  <br>  $('#chatBox').load('/ #chatBox',function(data){  <br>  $('#reloadSec').html('<span style="color:green;padding-top:4px;">Обновлено</span>');  <br>  setTimeout("$('#reloadSec').html('')",1000);  <br>  });  <br>  };  <br>  setInterval(reloadTimeC,30000);  <br>  </script> <br> </div> <br>


3) ПУ>Управление дизайном>Мини-чат>Вид Материалов
заменяем все на:
Code
<div style="text-align:left;background:#ffffff;border:1px solid #CCD3DA;padding:2px;">  <br>   <br>  <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>  <br>  <td
  width="85%" align="right" valign="top"><a href="javascript://"  
style="font:8pt">$TIME$</a></td></tr></table>  <br>  <div style="text-align:left;font-size:9pt;">$MESSAGE$</div></fieldset>  <br><br>  </div><div style="margin-top: 4px;"></div><br>

4)ПУ>Управление дизайном>Мини-чат>Форма добавления сообщений
Заменяем все на:
Code
<table width="100%">  <br>  <tr>  <br>  <td align="left" valign="top">  <br>  <textarea
  name="mcmessage" id="mchatMsgF" title="Сообщение"  
onkeyup="countMessLength();"  
onfocus="countMessLength();"></textarea>  <br>  <div  
style="float:left;"><div id="chatb" href="$SMILES_URI$"><img
  src="http://alex-magazine.at.ua/img/smile.gif"></div>  <br>  <div id="chatb" href="$RELOAD_URI$"><img src="http://alex-magazine.at.ua/img/mreload.png"></div>  <br>  <div id="chatb" href="$BBCODES_URI$"><img src="http://alex-magazine.at.ua/img/bcodes.png"></div>  <br>  <div
  id="chatb" href="$MSGCTRL_URI$"><img  
src="http://alex-magazine.at.ua/img/options.png"></div></div><div
  id="reloadSec" style="float:right;"></div>  <br>  $_SECURITY_CODE$  <br>  </td>  <br>  <td width="10%" align="right" valign="top">  <br>  <div id="buttonsubmit" onclick="$('#mchatBtn').click();">ОК</div>  <br>  </td>  <br>  </tr>  <br>  </table>  <br>  <style>  <br>  #mchatMsgF{padding:4px;margin-top:6px;border:1px
  solid #B5B8C8; background:#ffffff  
url(http://alex-magazine.at.ua/img/text-bg.gif) repeat-x 0  
0;width:100%;height:42px;font-family:tahoma;font-size:12px;font-weight:bold;}  <br>  #buttonsubmit{background:#6386d0;border:1px
  solid  
#3358a5;padding:13px;margin-top:6px;font-size:12px;color:#FFF;font-weight:bold;cursor:pointer;}  <br>  #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;}  <br>  #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;}  <br>  #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;}  <br>  </style>  <br>  <div
  style="display:none;"><input type="submit" style="width: 30px;"  
id="mchatBtn" class="mchat" value="OK"></div>  <br><br>  <?if($FLD_SECURE$)?>  <br>  <table border="0" cellpadding="1" cellspacing="1" width="100%">  <br>  <tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>  <br>  </table>  <br>  <?endif?>

Готово) радуйтесь классным мини-чатом и его внешним видом, если Вам не
нравится всплывающий мини-чат, то Вы можете установить себе только вид smile



Теги: углу, Мини-чат, красивый вид, сайта, всплывающий
Добавил: silver Просмотров: (583) Комментариев: (0) silver
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
 
ComForm">
avatar

Радио

Вконтакте

Последнии комментарии


а еще запретить продажу програм фирмы 1с во всех ее проявлениях. будь то игра или программы учета!!!



Answer: Благодарим за информацию.


Не плохая идея но дорого будет стоить будет дорого наверное



Сюся, если еще сравнивать эту  соц. сеть с сетью "Друзи" то это же вообще пипец полный! Не говоря что не кто не переманит пользователей с ВК.

Наш опрос

Нужна ли нам группа?


Статистика

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