[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Ucoz » Скрипты для ucoz » Чёрный мини-чат для uCoz с множеством функций
Чёрный мини-чат для uCoz с множеством функций
Macros
Дата: Среда, 22.05.2013, 15:47 | Сообщение # 1
Оффлайн
Администраторы
Сообщений: 154
IP: Скрытная информация


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

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

В вид материалов чата ставим:
Код
<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://" rel="nofollow" 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://dedicated.3dn.ru/uCoz/mini_chat/teminichat/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>


В форму добавления сообщения:
Код
<?if($USER_LOGGED_IN$)?>   
  <a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://dedicated.3dn.ru/uCoz/mini_chat/teminichat/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://dedicated.3dn.ru/uCoz/mini_chat/teminichat/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://dedicated.3dn.ru/uCoz/mini_chat/teminichat/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://dedicated.3dn.ru/uCoz/mini_chat/teminichat/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://dedicated.3dn.ru/uCoz/mini_chat/teminichat/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>


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

.
Прикрепления: 0417743.png (60.8 Kb)


Форум » Ucoz » Скрипты для ucoz » Чёрный мини-чат для uCoz с множеством функций
  • Страница 1 из 1
  • 1
Поиск: