NK-uCoz.Ru » Каталог файлов » uCoz » Скрипты для uCoz » Вид мини-чата webo4ka

Вид мини-чата webo4ka

Вид мини-чата webo4ka
Скрипты для uCoz
na3uTuB4uk
10.10.15, 12:28
759
0
Простой, красивый, немного функциональный мини-чат webo4ki. Вот решил выложить его в паблик, все равно больше мне он не понадобится, т.к. сделан новый вид, а этот вид я считаю выглядит не плохо для дальнейшего существования его на других сайтах системы uCoz. Код я никак не оптимизировал перед выложением его в паблик, поэтому если будут какие-нибудь косяки, пишите в комментариях, решу их)

Установка:
1. Панель управление ---> Управление дизайном ---> Мини-чат ---> Вид материалов, удаляете все и вставляете:
Код
<?if($NUMBER$='1')?>  
  <div style="padding:1px 4px 4px 2px;">  
  <div class="vostanovitVseCmcWebo4kaRu" style="background: #eabbbb; background-image: url('http://webo4ka.ru/Ucoz8/chatWebka/prozrachnaiWebo4kaRu.png'); background-repeat: repeat-x; border:1px solid rgba(191, 86, 86, 0.600); height:25px; display:none; padding-top:5px; height:19px; font-size: 10pt; clear:both; font-family: "verdana", "arial", "helvetica"; color: rgba(85, 61, 40, 0.600);">  
  <center><a href="javascript://" onclick="vostanovitVseCmcWebo4kaRu();" style="text-decoration:none; outline: 0; color:rgba(191, 86, 86, 0.600);">Восстановить сообщения</a></center>  
  </div>  
  </div>  
  <?endif?>  

  <div style="padding:1px 4px 4px 2px; margin-bottom:3px;" class="closeCmcWebo4kaRu$NUMBER$">  
  <div class="<?if($USERNAME$ == 'Вовчик')?>mchatPostWebo4kaRu_ADMIN<?else?>mchatPostWebo4kaRu<?endif?>">  
  <div class="<?if($USERNAME$ == 'Вовчик')?>timePostWebo4kaRu_ADMIN<?else?>timePostWebo4kaRu<?endif?>" title="$DATE$"><center>$TIME$</center></div>  
  <div class="<?if($USERNAME$ == 'Вовчик')?>profilMessageWebo4kaRu_ADMIN<?else?>profilMessageWebo4kaRu<?endif?>">  
  <center><a href="javascript://" onclick="pokazatProfilWebo4kaRu$NUMBER$();" title="Профиль" class="pokazatProfilWebo4kaRu$NUMBER$" style="outline: 0;"><img src="http://webo4ka.ru/Ucoz8/chatWebka/user_grayWebo4kaRu.png"></a></center>  
  <center><a href="javascript://" onclick="ckritProfilWebo4kaRu$NUMBER$();" title="Сообщение" class="ckritProfilWebo4kaRu$NUMBER$" style="display:none; outline: 0;"><img src="http://webo4ka.ru/Ucoz8/chatWebka/text_dropcapsWebo4kaRu.png"></a></center>  
  </div>  
  <div style="margin-top:3px; margin-left:6px;"><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;" style="text-decoration:none; outline: 0; <?if($USERNAME$ == 'Вовчик')?>color: rgba(146, 30, 131, 0.600);<?else?>color:rgba(85, 61, 40, 0.600);<?endif?>"><b>$NAME$</b></a></div>  
  </div>  
  <div class="<?if($USERNAME$ == 'Вовчик')?>messageWebo4kaRu_ADMIN<?else?>messageWebo4kaRu<?endif?>" width="100%">  
  <div class="messageUserWebo4kaRu$NUMBER$" style="padding:5px;">$MESSAGE$</div>  

  <div class="profilUserWebo4kaRu$NUMBER$" style="display:none; margin:0px !important;">  
  <table style="background:#fff;" cellspacing="0" cellpadding="0" width="100%">  
  <td style="width:10%; border-right:1px solid <?if($USERNAME$ == 'Вовчик')?>rgba(146, 30, 131, 0.600)<?else?>rgba(85, 61, 40, 0.600)<?endif?>; padding:4px;">  
  <center><?if($AVATAR_URL$)?><img src="$AVATAR_URL$" width="50" height="50"><?else?><img src="http://webo4ka.ru/Ucoz8/chatWebka/noavatarWebo4kaRu.png" width="50" height="50"><?endif?></center>  
  </td>  
  <td valign="top" style="padding:0px;">  
  <a href="$PROFILE_URL$" target="_blank" class="<?if($USERNAME$ == 'Вовчик')?>mchatCcilkiWebo4kaRu_ADMIN<?else?>mchatCcilkiWebo4kaRu<?endif?>" style="outline: 0;"><div style="background:#fff; border-bottom:1px solid <?if($USERNAME$ == 'Вовчик')?>rgba(146, 30, 131, 0.600)<?else?>rgba(85, 61, 40, 0.600)<?endif?>; padding:2px; padding-left:5px; margin:0px;">Профиль</div></a>  
  <a href="/index/14-$USER_ID$-0-1" target="_blank" class="<?if($USERNAME$ == 'Вовчик')?>mchatCcilkiWebo4kaRu_ADMIN<?else?>mchatCcilkiWebo4kaRu<?endif?>" style="outline: 0;"><div style="background:#fff; border-bottom:1px solid <?if($USERNAME$ == 'Вовчик')?>rgba(146, 30, 131, 0.600)<?else?>rgba(85, 61, 40, 0.600)<?endif?>; padding:2px; padding-left:5px; margin:0px;">Отправить ЛС</div></a>  
  <a href="javascript://" onclick="$('.closeCmcWebo4kaRu$NUMBER$').hide(); setCookie('cookieReklamaAMCWebo4kaRu$NUMBER$', 1, 365); $('.vostanovitVseCmcWebo4kaRu').show();" class="<?if($USERNAME$ == 'Вовчик')?>mchatCcilkiWebo4kaRu_ADMIN<?else?>mchatCcilkiWebo4kaRu<?endif?>" style="outline: 0;"><div style="background:#fff; padding:2px; padding-left:5px; margin:0px;">Удалить</div></a>  
  </td>  
  </tr>  
  </table>  
  </div>  

  </div>  
  </div>  

  <link type="text/css" rel="StyleSheet" href="http://webo4ka.ru/Ucoz8/chatWebka/newMcHat.css" />  
  <script type="text/javascript" src="http://webo4ka.ru/Ucoz8/chatWebka/newMchat.js"></script>  

  <script>  
  if(getCookie('cookieReklamaAMCWebo4kaRu$NUMBER$')) {$('.closeCmcWebo4kaRu$NUMBER$').hide(); $('.vostanovitVseCmcWebo4kaRu').show();}  
  function pokazatProfilWebo4kaRu$NUMBER$() {$('.messageUserWebo4kaRu$NUMBER$').hide(); $('.profilUserWebo4kaRu$NUMBER$').fadeIn(1000); $('.pokazatProfilWebo4kaRu$NUMBER$').hide(); $('.ckritProfilWebo4kaRu$NUMBER$').show();}  
  function ckritProfilWebo4kaRu$NUMBER$() {$('.messageUserWebo4kaRu$NUMBER$').fadeIn(1000); $('.profilUserWebo4kaRu$NUMBER$').hide(); $('.ckritProfilWebo4kaRu$NUMBER$').hide(); $('.pokazatProfilWebo4kaRu$NUMBER$').show();}  
  </script>

2. Панель управление ---> Управление дизайном ---> Мини-чат ---> Форма добавления сообщений, удаляете все и вставляете:
Код
<?if(!$CAN_ADD$)?> <?if($LOGIN_LINK$)?>  
  <div style="padding-top:5px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; background: #eabbbb; background-image: url('http://webo4ka.ru/Ucoz8/chatWebka/prozrachnaiWebo4kaRu.png'); background-repeat: repeat-x; border:2px solid rgba(191, 86, 86, 0.600); height:20px; font-size: 10pt; clear:both; font-family: "verdana", "arial", "helvetica"; color: rgba(85, 61, 40, 0.600);">  
  <center><a href="javascript://" id="userovVmchateWebo4kaRu"><div class="userovVchsteWebo4kaRu" id="mchatUserWebo4kaRu"><z class="userovVmchateWebo4kaRu">0</z></div></a></center>  
  <center><z style="margin:5px; padding:5px;"><a href="javascript://" onclick="$('#formaVxodaZatemnenieSaitaWebo4kaRu').fadeIn(); $('#formaVxodaPanelWebo4kaRu').fadeIn();" style="text-decoration:none; outline: 0; color:rgba(191, 86, 86, 0.600);">Необходимо авторизоваться!</a></z></center>  
  </div>  
  <?else?>  
  <div style="padding-top:5px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; background: #eabbbb; background-image: url('http://s017.radikal.ru/i401/1112/b5/6eda0c352850.png'); background-repeat: repeat-x; border:2px solid rgba(191, 86, 86, 0.600); height:20px; font-size: 10pt; clear:both; font-family: "verdana", "arial", "helvetica"; color: rgba(85, 61, 40, 0.600);">  
  <center><z style="margin:5px; padding:5px; color:rgba(191, 86, 86, 0.600);">Доступ запрещен</z></center>  
  </div>  
  <?endif?>  

  <?else?>  

  <table width="100%" cellspacing="0" cellpadding="0">  
  <tr>  
  <td align="left" style="background: #d6c7b9 url('http://webo4ka.ru/Ucoz8/chatWebka/bodyWebo4kaRu.png'); border:1px solid rgba(85, 61, 40, 0.600); border-bottom:0px;">  
  <div class="mchatPanelWebo4kaRu">  
  <div style="float:right">  

  <li><a href="javascript://" style="outline: 0;" id="userov2VmchateWebo4kaRu"><z id="mchatUserWebo4kaRu" class="mchatUserWebo4kaRu">0</z></a></li>  

  <li><a href="http://webo4ka.3dn.ru/webo4kaRu/pravila.html" target="_blank" id="pravilaHintMcvatWebo4kaRu" style="outline: 0;"><img src="http://webo4ka.ru/Ucoz8/chatWebka/pravilawebo4karu_kopijaWebo4kaRu.png" ></a></li>  

  </div>  

  <li><a href="$RELOAD_URI$" id="obnovitHintMcvatWebo4kaRu" style="outline: 0;"><img src="http://webo4ka.ru/Ucoz8/chatWebka/obnovljaetsjaWebo4kaRu.png" border="0" align="absmiddle"></a></li>  
  <?if($SMILES_URI$)?><li><a href="$SMILES_URI$" id="smailiHintMcvatWebo4kaRu" style="outline: 0;"><img src="http://webo4ka.ru/Ucoz8/chatWebka/smajlywebo4karu.png"></a></li><?endif?>  
  <?if($BBCODES_URI$)?><li><a href="$BBCODES_URI$" id="bbKodiHintMcvatWebo4kaRu" style="outline: 0;"><img src="http://webo4ka.ru/Ucoz8/chatWebka/bbChatWebo4kaRu.png"></a></li><?endif?>  
  <?if($MSGCTRL_URI$)?><li><a href="$MSGCTRL_URI$" id="closeHintMcvatWebo4kaRu" style="outline: 0;"><img src="http://webo4ka.ru/Ucoz8/chatWebka/udalenieWebo4kaRu.png"></a></li><?endif?>  

  </div></td></tr></table>  

  <table border="0" cellpadding="0" cellspacing="0" width="100%">  
  <tr>  
  <td width="100%" rowspan="2">$FLD_MESSAGE$</td>  
  </tr>  
  <tr>  
  <td width="15%">  
  <input type="submit" value="ок" id="mchatBtn" style="width:50px;"><input type="submit" value="ок" id="mchatAjax" style="display:none; width:50px;" >  
  </td>  
  </tr>  
  </table>  
  <?endif?>  

  <link type="text/css" rel="StyleSheet" href="http://webo4ka.ru/Ucoz8/chatWebka/newMcHat.css"/>  
  <script type="text/javascript">  
  $("#obnovitHintMcvatWebo4kaRu").hover(function () {$(this).before('<span class="obnovitHintMcvatWebo4kaRu">Обновить<span class="obnovitHintMcvatWebo4kaRu2"> </span></span>')}).mouseleave(function () {$(".obnovitHintMcvatWebo4kaRu").hide()});  

  $("#smailiHintMcvatWebo4kaRu").hover(function () {$(this).before('<span class="smailiHintMcvatWebo4kaRu">Смайлы<span class="smailiHintMcvatWebo4kaRu2"> </span></span>')}).mouseleave(function () {$(".smailiHintMcvatWebo4kaRu").hide()});  

  $("#bbKodiHintMcvatWebo4kaRu").hover(function () {$(this).before('<span class="bbKodiHintMcvatWebo4kaRu">BB-коды<span class="bbKodiHintMcvatWebo4kaRu2"> </span></span>')}).mouseleave(function () {$(".bbKodiHintMcvatWebo4kaRu").hide()});  

  $("#closeHintMcvatWebo4kaRu").hover(function () {$(this).before('<span class="closeHintMcvatWebo4kaRu">Управление сообщениями<span class="closeHintMcvatWebo4kaRu2"> </span></span>')}).mouseleave(function () {$(".closeHintMcvatWebo4kaRu").hide()});  

  $("#pravilaHintMcvatWebo4kaRu").hover(function () {$(this).before('<span class="pravilaHintMcvatWebo4kaRu">Правила<span class="pravilaHintMcvatWebo4kaRu2"> </span></span>')}).mouseleave(function () {$(".pravilaHintMcvatWebo4kaRu").hide()});  

  $("#userovVmchateWebo4kaRu").hover(function () {$(this).before('<span class="userovVmchateWebo4kaRu">Людей в чате<span class="userovVmchateWebo4kaRu2"> </span></span>')}).mouseleave(function () {$(".userovVmchateWebo4kaRu").hide()});  

  $("#userov2VmchateWebo4kaRu").hover(function () {$(this).before('<span class="userov2VmchateWebo4kaRu">Людей в чате<span class="userov2VmchateWebo4kaRu2"> </span></span>')}).mouseleave(function () {$(".userov2VmchateWebo4kaRu").hide()});  

  $(document).ready(function(){  
  mchatUserWebo4kaRu = $('#onl3 b').text(); $('#mchatUserWebo4kaRu').html(mchatUserWebo4kaRu);  
  polzovateliWebo4kaRu = $('.gradientStatistikaWebo4kaRu').html(); $('#polzovateliWebo4kaRu').html(polzovateliWebo4kaRu);  
  });  
  </script>
Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+Enter
Вернуться назад
Комментарии (0)