Gta-Servers.ru
Навигация
FAQ
Новости
GTA 5
GTA 4
GTA SA
GTA VC
GTA 3
Другие GTA
GTA 1
GTA 2
Mafia
  • Страница 1 из 1
  • 1
Модератор форума: Owner, QweR  
Всплывающий мини-чат в углу сайта + красивый вид
aribuzДата: Воскресенье, 02.09.2012, 02:39 | Сообщение # 1
Newbie
Группа: Пользователи
Сообщений: 11
Награды: 0
Репутация: 0
Статус: Offline
скрин чата: 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?>


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


Алексей
 
RoberttriapДата: Среда, 09.11.2016, 04:21 | Сообщение # 2
Newbie
Группа: Пользователи
Сообщений: 1
Награды: 0
Репутация: 0
Статус: Offline
[URL=http://www.nsk.sex - проститутки новосибирска[/URL -
[URL=http://www.sibirki.net - проститутки новосибирска[/URL -
[URL=http://girls-nsk.biz - проститутки новосибирска[/URL -
[URL=http://nsksex.club - проститутки новосибирска[/URL -
[URL=http://www.siblaguna.net - проститутки новосибирска[/URL -
[URL=http://www.dosugsibir.ru - проститутки новосибирска[/URL -
[URL=http://www.nsexy.net - проститутки новосибирска[/URL -
[URL=http://sexonsk.xxx - проститутки новосибирска[/URL -
[URL=http://prostitutki-sochi.top - проститутки сочи[/URL -
[URL=http://sexosochi.com - проститутки сочи[/URL -
[URL=http://www.prostitutki-v-sochi.net - проститутки сочи[/URL -
[URL=http://xn----otbabhwecjlehbao4e.xn--p1ai - проститутки сочи[/URL -
[URL=http://sexosochi.club - проститутки сочи[/URL -
[URL=http://girls-nsk.net - проститутки новосибирска[/URL -


[URL="http://www.sibirki.net"]проститутки новосибирска[/URL]
 
Andrew44NapДата: Суббота, 09.06.2018, 16:12 | Сообщение # 3
Newbie
Группа: Пользователи
Сообщений: 9
Награды: 0
Репутация: 0
Статус: Offline
Film on the brashness can be exposed to stresses kaffe negativa effekter, such as ends, wind, raw and dreary air in front of the computer. In other words, the hull needs appurtenance care. Men's coat is contrary from women's skin kaffe negativa effekter http://creamforlady.se/varicose-veins/kaffe-negativa-effekter.php - kaffe negativa effekter Remarkably because of the greatness of the beard and the wear caused by shaving. Ergo, men and women kaffe negativa effekter demand new fleece heedfulness products. Here we press assembled face dolour for the benefit of men specifically designed in requital for men's skin. Decide facial cleansers, face cream / face to face cream, face effervescent water, serums, perception creams and anti-aging products specifically designed in behalf of men's skin.
http://enin.creamforlady.se/gold-standard-whey/ulcre-que-faire.php


my web blog; arla laktosfri yoghurt
 
  • Страница 1 из 1
  • 1
Поиск:
Профиль
Вы вошли как: Гость
Группа: Засланные
Ваш Ip: 3.139.97.137
События
Скачать
GTA 3
GTA 2
GTA 1
Файлы
Статистика
Интеллектуальный каталог ресурсов интернет