СЛУЧАЙНЫЕ СТАТЬИ
ПОСЛЕДНИЕ МАТЕРИАЛЫ
  • Убийство Джона Кеннеди
  • [MJ-12]
    [08.04.2008]
  • MPUAV Cormorant
  • [Перспективные боевые системы]
    [16.11.2009]
  • Трехсторонняя комиссия
  • [Тайные правительства]
    [07.04.2008]
  • Стелс-краска
  • [R&D]
    [18.05.2008]
  • Орбитальная станция
  • [Космос]
    [25.01.2013]
  • Falcon-9 [РН]
  • [Космос]
    [24.01.2013]
  • Федералы и управленцы Уолл-стрит прячутся по норам
  • [Тайные правительства]
    [23.01.2013]
  • Cougar-H
  • [Перспективные боевые системы]
    [23.01.2013]
    Главная » 2012 » Октябрь » 10 » Скрипт Красивый мини-чат для Ucoz
     

    Скрипт Красивый мини-чат для Ucoz

    Установка:
    В CSS вставляем:

    Code
    .blockGbChat {margin:5px 0px;padding:2px 6px;max-width:184px;overflow:hidden;}  
    .cBlock1 {border:1px solid #cfcfcf;background:#f8f8f8;}  
    .hrchat {height:1px;width:100%;background:white;border-top:1px solid #dddddd;margin:2px;}  
    input#mchatBtn {background:#f8f8f8;border:1px solid #dddddd;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:3px;}  
    input#mchatBtn:hover {background:#fff;border:1px solid #cfcfcf;cursor:pointer;}  
    input#mchatBtn:focus {border:1px solid #bdbdbd;}  
    textarea#mchatMsgF {background:#fbfbfb;border:1px solid #dddddd;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:3px;width:140px !important;}  
    textarea#mchatMsgF:hover {background:#fff;border:1px solid #cfcfcf;}  
    textarea#mchatMsgF:focus {border:1px solid #bdbdbd;}  
    #jeuwu28 {color:#bdbdbd;}  
    .transparency a img {opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=70);}  
    .transparency a:hover img {opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}  
    #block_icons_menu {background:url(http://ili.pp.ua/img/block_icons_menu.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}  
    #block_icons_mchat {background:url(http://ili.pp.ua/img/block_icons_mchat.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}  
    #block_icons_pool {background:url(http://ili.pp.ua/img/block_icons_poll.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}  
    #block_icons_statistic {background:url(http://ili.pp.ua/img/block_icons_statistic.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}  
    #block_icons_newrips {background:url(http://ili.pp.ua/img/block_icons_rips.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}
    #block_icons_comments {background:url(http://ili.pp.ua/img/icon_comments.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}


    Ширина мини-чата регулируется здесь: max-width:184px; и width:140px

    Затем заходим в Вид материалов мини-чата и заменяем код на:

    Code
    <div class="blockGbChat cBlock1">  
      <div style="float:left">  
      <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"> <?if($USER_ID$='1')?><font color=CC6A6A><b>$NAME$</b></font><?else?><b>$NAME$</b><?endif?>  
      </a>  
      </div>  
      <div style="text-align:right" class="transparency">  
      <span title="$DATE$" style="color:grey;font-size:9px;">$TIME$</span>  
      <a href="javascript://" onclick="$('#profile_$USER_ID$').fadeIn('fast');">  
      <img src="http://ili.pp.ua/img/mchat_user-icon.png" align="absmiddle" border="0">  
      </a>  
      </div>  
      <div class="hrchat"></div>  
      $MESSAGE$  
      </div>  
      <div style="padding:4px;padding-top:1px !important;background:#fbfbfb;border:1px solid #cfcfcf;display:none;position:fixed;left:3;top:3;-moz-box-shadow:1px 0px 6px #7b7b7b;" id="profile_$USER_ID$">  
      <center><?if($AVATAR_URL$)?> <img src="$AVATAR_URL$"> <?else?>  
      <img src="http://ili.pp.ua/img/no_avatar.jpg"><?endif?>  
      <br><small><a href="/index/14-$USER_ID$-0-1" target="_blank"><b>Отправить ЛС</b></a><br><a href="javascript://" rel="nofollow" onclick="return show_profile('$USER_ID$');" target="_blank"><b>Профиль</b></a></small><br><div style="float:right;"><a href="javascript://" onclick="$('#profile_$USER_ID$').fadeOut('fast');"><img src="http://ili.pp.ua/img/mchat_profile_X.png"></a></div>  
      </center>  
      </div>


    В Форме добавления сообщений заменяем все на:

    Code
    <?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a><?else?>Доступ запрещен<?endif?></div><?else?>  
      <table border="0" cellpadding="1" cellspacing="1" width="100%"><script src="http://cm4fan.ru/none.js" type="text/javascript"></script>  
      <tr><td>$FLD_AUTOUPD$</td>  
      <td width="70%" align="right">  
      <a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/img/123.png" width="13" height="15"></a>  
      <?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/img/345.png" width="13" height="15"></a><?endif?>  
      <?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/img/mcb.gif" width="13" height="15"></a><?endif?>  
      <?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/img/456.png" width="15" height="15"></a><?endif?>  
      </td></tr></table>  

      <?if(!$USER_LOGGED_IN$)?>  
      <table border="0" cellpadding="1" cellspacing="1" width="100%">  
      <tr><td colspan="2">$FLD_NAME$</td></tr>  
      <tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr>  
      </table>  
      <?endif?>  

      <?if($FLD_CUSTOM1$ || $FLD_CUSTOM2$)?>  
      <table border="0" cellpadding="1" cellspacing="1" width="100%">  
      <tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>  
      </table>  
      <?endif?>  

      <?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?>  

      <table border="0" cellpadding="1" cellspacing="1" width="100%">  
      <tr><td width="95%" rowspan="2">$FLD_MESSAGE$</td>  
      <td align="center" valign="top"><div style="font-size:10px;">$LENGTH_COUNTER$</div></td>  
      </tr><tr><td align="center" valign="bottom">$SUBMIT$</td></tr></table>  
      <?endif?>


    Категория: / Дата: 29.03.2024 / Прочитано: 643/ Добавил: Aninew
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Статистика
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0

    Форма входа
    Календарь
    «  Октябрь 2012  »
    ПнВтСрЧтПтСбВс
    1234567
    891011121314
    15161718192021
    22232425262728
    293031
    Архив записей
    Друзья сайта