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


Мини-чат выполнен в чёрных тонах, и сделан под чёрный дизайн.
Отличительные функция: возможность выбора цвета.


Данный мини-чат немного похож на этот:

Но он был утерян в связи с тем, что файлы с хоста создателя были удалены.
И я решил сделать свой мини-чат похожий на него..

Установка:
В настройках модуля чата активируем Дополнительное поле 1

В вид материалов чата ставим:
Code
<div id="iChat-messages" align="left"><div style="padding:0px;">  
  <div style="padding:1px;;padding:1px;margin:2px 0 2px 0;border:1px solid #333333;" class="bbboj$PARITY$">  
  <table border="0" cellpadding="0" cellspacing="0">  
  <tbody>  
  <tr>  
  <td width="38" style="padding:3px 0 2px 2px">  
  <a style="text-decoration:none" title="Профиль" href="javascript://" onclick="return show_profile('$USER_ID$');">  
  <?if($AVATAR_URL$)?>  
  <img alt="$USERNAME$" src="$AVATAR_URL$" style="border:1px solid #333333; padding:2px; width:45px; height:45px; float: left;">
  <?else?>
  <img alt="$USERNAME$" src="http:/images/noavatar.png" style="border:1px solid #333333; padding:2px; width:45px; height:45px; float: left;">  
  <?endif?> </a>  
  </td>  
  <td style="font-size:8pt; color:#666; padding-left:4px;">  
  <b><a style="text-decoration:none" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$NAME$[/b], ';return false;">  
  <?if($USER_ID$=1)?><span style="color:#008000"><?else?><span style="color:#248BFF"><?endif?>$USERNAME$</span></a></b>  

  </b> написал<br>  
  <span style="font-size:7pt">$DATE$ в $TIME$</span>  
  <br>  
  <span style="color:#cccccc; font-size:8pt;">  
  <a style="text-decoration:none" href="/index/14-$USER_ID$-0-1" target="_blank" title="Написать ЛС"><span style="color:#FFAE00">Написать письмо</a>
  </span>  
  </td>  
  </tr>  
  </tbody>  
  </table>  
  <div class="linnov">  
  </div>  
  <div style="padding:0 3px 0 3px; text-align:left;">  
  <?if($CUSTOM1$)?><font color=$CUSTOM1$>$MESSAGE$</font><?else?><span style="color: #fff">$MESSAGE$</span><?endif?>  
  </div>  
  </div></div>  
  </div>  
  <style>body {background: #363636 !important;}  
  .linnov {overflow:hidden;border-bottom:1px solid #252525;}  
  .bbboj1 {background: #2B2B2B;}  
  .bbboj2 {background: #444444;}  
  </style>


В форму добавления сообщения:
Code
<?if($USER_LOGGED_IN$)?>  
  <a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http:/serv/img/ucoz/chat/res.png" style="padding-right: 1px;" width="51" height="21"></a>  
  <?if($SMILES_URI$)?><a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http:/serv/img/ucoz/chat/smiles.png" style="padding: 0 1px 0 3px;" width="51" height="21"></a><?endif?>  
  <?if($BBCODES_URI$)?><a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http:/serv/img/ucoz/chat/bb.png" style="padding-right: 1px;" width="51" height="21"></a><?endif?>  
  <?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http:/serv/img/ucoz/chat/setting.png" style="padding-right: 1px;" width="51" height="21"></a><?endif?>  
  <?if($FLD_SECURE$)?>
  <table id="t4">
  <tr><td>$FLD_SECURE$</td><td>$IMG_SECURE$</td></tr>
  </table>
  <?endif?>
  <div class="mchat" style="margin: 4px">
  $FLD_MESSAGE$  
  </div>  

  <?if($FLD_CUSTOM1$ || $FLD_CUSTOM2$)?>  
  <table class="tarrt" border="0" cellpadding="1" cellspacing="0"><tr><td><select style="font-size:7pt;" size="-1" title="Белый" id="zvett" class="mchat" name="custom1"><option value="0" selected="selected" >Белый</option><option value="#087CAB" >Синий</option><option value="#FF0000" >Красный</option><option value="#FFFF00" >Желтый</option><option value="#CD6600" >Оранжевый</option><option value="#6699FF" >Голубой</option><option value="#00FF00" >Зелёный</option></select></td><td><select id="mchatRSel" size="-1" onchange="setT7174(this);" class="mchat" title="Автообновление" style="font-size:7pt;"><option value="0">Нет</option><option value="15">15 сек</option><option value="30">30 сек</option><option value="60">1 мин</option><option value="120">2 мин</option></select></td><td id="sugdf"><td align="right">$SUBMIT$</td></td></tr></table>  
  <?endif?>  
<?else?>  
  <br>
<table cellspacing="0" cellpadding="0" style="border: 1px #2B2B2B solid;">
<tr>
<td class="op_fon">
<img src="http:/serv/img/ucoz/mchat/dialog-warning.png"></td>
<td class="gost" valign="top">
Для добавления сообщения <a href="$LOGIN_LINK$">авторизуйтесь</a>.
</td>
</tr>
</table>
<?endif?>  
  <style>  
  .tarrt {width: 90% !important;}  
  #sugdf {width: 70% !important;}  
  #zvett, #mchatRSel { border: 1px #2B2B2B solid;border-radius: 6px; -moz-border-radius:6px; -khtml-border-radius: 6px;background: #2B2B2B;color: #6C6B6A;}  
  #zvett:hover, #mchatRSel:hover {background: #A7A7A7;color:#36C6B6A;}
  #mchatBtn {width: 50px !important;border: 1px #333333 solid;border-radius: 6px; -moz-border-radius:6px; -khtml-border-radius: 6px;background: #2B2B2B;color: #fff;}  
  #mchatBtn:hover {background: #A7A7A7;color:#333333;}  
  .chat {background:#363636;border:1px solid #464646;padding:3px 0;font:11px Tahoma;border-top:none;}
  .mchat textarea {color: #fff; border:1px solid #464646;background:#363636;}
  .mchat textarea:hover {background:#464646;}
  .mchat input {background:#363636;border:1px solid #363636;border-left:none;height:42px;width:100%;margin-left:-2px;}
  .gost {background:#fff;border:1px solid #363636;padding:5px;border-left:none;text-align:left;margin-left:-3px;padding-bottom:2px;margin-top:-5px;height:50px;font:10px Tahoma;}
  .gost a {font-size:7pt; color: #EDA710;}  
  .gost a:hover {text-decoration:none; color:000;}  
  .op_fon {background:#363636;border:1px solid #363636;border-right:1px dotted #ccc;width:40px;height:50px;}
  .op_fon img {padding-left:5px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
  </style>


Создаем новый блок в конструкторе, в блок ставим код:
Code
$CHAT_BOX$  
  <div id="novi4ok-ru" style="background: #363636; border:1px solid #333333;margin: 4px 0 4px 0">$CHAT_BOX$</div>

Вот и всё! Удачи!


Спонсор :



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

Всего комментариев: 3
Hаписал: UraHaRa , 09.06.2012 Суббота 14:09 Сообщение #1
OFFLINE
+ 0 -

Огромное спасибо!
Чат хороший, все работает, но есть одно "но": у меня отсутствует черная эм... "каёмка" и табличка в верху чата "мини чат". Подскажите пожалуйста: что это может быть?

Hаписал: matrix , 09.06.2012 Суббота 14:54 Сообщение #2
matrix
OFFLINE
+ 0 -

Дело в том что сверху(мини-чат) - это часть блока любого сайта,т.е это не поставится у вас,это всего лишь заголовок блока,дизайн которого задаётся в css? А что за коёмка?

Hаписал: UraHaRa , 09.06.2012 Суббота 20:24 Сообщение #3
OFFLINE
+ 0 -

Ааа... все, разобрался. Спасибо большое)
Простите нубца ^^"

Информация


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

Логотип сайта:
Навигация
Мини-чат
Витрина Активистов
Опрос
Как вы попали сюда?

Всего ответов: 198
Последние комментарии
  • 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
У нас нашли
Загрузка...
Друзья сайта
Наш Баннер
Всё для новичков
Всё для новичков