О нас Форум Баннеры RSS картинка Нас уже 577, Присоединяйся
Пожаловаться


Довольно-таки простой, но удобный мини Чат.
Думаю, он впишется почти в любой дизайн сайта.


Установка:

- В Вид материалов мини-чата:
Code
<style>body {background: #ffffff !important;}</style>  
  <div style="white-space:normal;"><div class="cBlock1" style="background: #F7F7F7; padding:0 4px 5px 2px;margin-bottom:3px; border: 1px solid #C5C5C5;">
<div style="float:right;font-size:10px;cursor:help;" align="right" title="$DATE$"><font size="1.5" face="Visitor_Rus">$TIME$ </font></div>
<div style="text-align:left;">
<a style="text-decoration: none;" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><b><font size="2" face="Tahoma"><font color="#363636">$NAME$</font></font></b></a>
<bR><a title="Написать письмо" onclick="window.open('/index/14-$USER_ID$-0-1','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;" href="javascript://" ><img src="http:/serv/img/ucoz/mchat/message.png" align="right" border="0"></a>
<a title="Профиль" href="javascript://" onclick="return show_profile('$USER_ID$');"><img src="http:/serv/img/ucoz/mchat/user.png" align="right" border="0"></a></div>
<div class="cMessage" style="text-align:left;"><font size="2.2" face="Arial">$MESSAGE$</font></div>
</div>


- В Форму добавления сообщения мини-чата:
Code
<?if(!$USER_LOGGED_IN$)?><div align="center"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$"><div style="background:#DDDDDD;padding:5px 0 5px 0;border:1px solid #A0A0A0;color:#828282;margin:10px 0 0 0;font-size:7pt;">Для добавления необходима авторизация<br/></div></a><?else?>Доступ запрещен<?endif?></div><?else?>
  <table border="0" cellpadding="1" cellspacing="1" width="100%">
  <tr>
  <td width="70%" align="left">
  <a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http:/serv/img/ucoz/mchat1/arrow.png"></a>
  <?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http:/serv/img/ucoz/mchat1/smiley.png"></a><?endif?>
  <?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="BB-Коды" border="0" align="absmiddle" src="http:/serv/img/ucoz/mchat1/code.png"></a><?endif?>
  <?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http:/serv/img/ucoz/mchat1/setting.png" width="15" height="15"></a><?endif?>
  <td>$FLD_AUTOUPD$</td>
  <?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 class="micha" border="0" cellpadding="1" cellspacing="1">
  <tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>
  </table>
  <?endif?>
  <table class="micha" border="0" cellpadding="1" cellspacing="1" width="100%">
  <tr><td width="40%" rowspan="2" style="max-width: 88px">$FLD_MESSAGE$</td></tr>
  </table>
  <input type="submit" value="Отправить" class="mchat" id="mchatBtn" style='cursor:pointer; cursor:hand;'>  
  <div style="display:none; width:100%; height:32px; background:url('http:/serv/img/ucoz/mchat1/loading.gif') no-repeat 30% 50%; position:relative;" id="mchatAjax" align="left"><div style="position:absolute; top:8px; left:90px;">Подождите...</div></div>  
  <?endif?>  
  <style>  
  #mchatBtn {font-size:8pt;background:url('http:/serv/img/ucoz/mchat1/podrobno.png');background-position: 0px 0px;color:#505252;border:0px solid #ffffff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; height:25px; width:85px; behavior: url('/style/border-radius.htc');padding:0 5px 3px 5px; }  
  #mchatBtn:hover {background:url('http:/serv/img/ucoz/mchat1/podrobno.png'); background-position:-85px 0px;color:#505252;border:0px solid #FE8C12;}  
  #mchatBtn:active {background:url('http:/serv/img/ucoz/mchat1/podrobno.png');background-position:-170px 0px;color:#505252;border:0px solid #FE8C12;}  
  .micha {width:97% !important;}  
  </style>


Мини-чат проверял на разных сайтах:


Если вам не подходит белый фон у мини-чата, то уберите эту строчку из кода:
Code
<style>body {background: #ffffff !important;}</style>


Желаю удачи...


Спонсор :



Источник: /
Всего голосов: ... | ... | ...

Всего комментариев: 1
Hаписал: bR[a]tko , 20.06.2012 Среда 11:16 Сообщение #1
bR[a]tko
OFFLINE
+ 1 -

кулл :)

Информация


Посетители, находящиеся в группе Гость, не могут оставлять комментарии к данной публикации.
Пожалуйста войдите на сайт как пользователь или зарегистрируйтесь.

Логотип сайта:
Навигация
Мини-чат
Витрина Активистов
Опрос
О чём не хватает материалов?

Всего ответов: 164
Последние комментарии
  • Fatal1ti
    Оставлен 05.02.2013
    50+ качественных анимированных иконок загрузки для сайта
    Автор комментария: Fatal1ti
    Оставлен 05.02.2013 в 16:19
    Тема: 50+ качественных анимированных иконок загрузки для сайта
    Это просто gif картинки,
    А чтобы при загрузке страницы крутилась анимация, нужен скрипт
  • sasha26
    Оставлен 04.02.2013
    Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Автор комментария: sasha26
    Оставлен 04.02.2013 в 12:43
    Тема: Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    С цветами разобрался, пришлось путь к файлу zvetaf.xml полностью писать.
  • sasha26
    Оставлен 04.02.2013
    Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Автор комментария: sasha26
    Оставлен 04.02.2013 в 12:32
    Тема: Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Что-то окно с цветами начинает открываться и сразу же пропадает.
    А как можно чат растянуть по высоте с 300рх до 500рх, где это меняется?
  • Mihail
    Оставлен 01.02.2013
    Замена alert на ajax окно с прямой ссылки к сообщению на форуме
    Автор комментария: Mihail
    Оставлен 01.02.2013 в 17:12
    Тема: Замена alert на ajax окно с прямой ссылки к сообщению на форуме
    А вот это супер )
  • Fatal1ti
    Оставлен 31.01.2013
    Форма добавления комментариев как на dle для uCoz
    Автор комментария: Fatal1ti
    Оставлен 31.01.2013 в 18:23
    Тема: Форма добавления комментариев как на dle для uCoz
    Должно работать, у некоторых файл zvetaf.xml
    Повреждается при загрузке, попробуй его перезалить

    Если ничего не изменяется, то ищи в коде такую строчку:
    Код
    <img src="http:/bbcodes/color.gif" id="kmn" title="Выбрать цвет" onclick="openLayerB('sda',0,'/bbcodes/zvetaf.xml','Выбор цвета',190,200,'1','','',0,'justify');return false;">


    И меняй на эту:
    Код
    <script type="text/javascript" src="http:/serv/zvet.js"></script>
    <img src="http:/bbcodes/color.gif" id="kmn" title="Выбрать цвет" onclick="viewzvet()">

    Должно заработать..
  • Fatal1ti
    Оставлен 27.01.2013
    Зелёное меню как на we-place для uCoz
    Автор комментария: Fatal1ti
    Оставлен 27.01.2013 в 15:05
    Тема: Зелёное меню как на we-place для uCoz
    DevilShadow, извини что сразу не ответил
    Чтобы счетчики были справа нужно в css найти такую строчку:
    Код
    .coole div {position: relative;margin-left: 173px;z-index: 1;}

    И заменить на эту
    Код
    .coole div {position: relative;margin-left: 219px;z-index: 1;}


    А чтобы и фото счетчик был, нужно после этой строчки:
    Код
    <script type="text/javascript" src="http://worldinfo.my1.ru//informer/6"></script>

    Добавить эту:
    Код
    <script type="text/javascript" src="http://worldinfo.my1.ru//informer/7"></script>


    И после скрипта, который находится снизу после меню, добавь ещё скрипт:
    Код
    <script type="text/javascript">  
      function setCatNumEnt(){  
      if(!window.uCatsOut)return;  
      $('div.naviglot a').each(function(){  
      var a=this,ah=a.href,cArr=window.uCatsOut;  
      if(!/\/photo\//.test(ah))return;  
      var t=ah.split('/'),id=t[t.length-1]||t[t.length-2],a=$(a).parent();  
      if(!isNaN(id)){  
      $.each(cArr,function(j){  
      if(cArr[j][0]==id){  
      a.prepend('</span><div class="coole"><div><span class="vnav-subnav2">'+cArr[j][6]+'</span></div></div>');  
      }  
      });  
      };  
      });  
      };setCatNumEnt();
      </script>
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня зашли на сайт
0 пользователя

Новых пользователей:
За месяц: 17
За неделю: 6
Вчера: 0
Сегодня: 0
У нас нашли
Загрузка...
Друзья сайта
Наш Баннер
Всё для новичков
Всё для новичков