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


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

412
9.2 из 10
Проголосовало: 10






Простой, красивый, немного функциональный мини-чат 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>


Готово...
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 1

rayven
0
rayven написал: Написано 20 Ноября 2015 в 22:02
Комментарий №1
Были мелкие косяки в коде. Но с помощью молотка и какой то матери всё заработало нормально. Забрал себе на сайт wink Стоял перед этим вариант похожий, но этот пришёлся больше по вкусу.

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 3
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: