» »

Чёрный мини-чат для uCoz


Чёрный мини-чат для uCoz

Чёрный мини-чат для uCoz, материал из категории Мини чат. Чёрный мини-чат для uCoz, отличный мини чат а главное много функций есть даже поменять цвет. Цветовая гамма у него разная, что очень красиво смотрится на темном фоне. Так как в форме добавление 4 кнопки, нужно чтоб был блок не стандартный а немного по шире. Чтоб они в ряд все стояли.
Приступаем к установке:
В настройках модуля чата активируем Дополнительное поле 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://zornet.ru/CSS-ZORNET/TR/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://zornet.ru/CSS-ZORNET/TR/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://zornet.ru/CSS-ZORNET/TR/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://zornet.ru/CSS-ZORNET/TR/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://zornet.ru/CSS-ZORNET/TR/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://zornet.ru/CSS-ZORNET/TR/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>
17.04.2012 Просмотров: 2036 Комментарий: (16)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
maks0237
maks0237 20.03.2014 12:211
0
не работает
Kosten
Kosten 20.03.2014 12:242
0
maks0237, устанавливаем правильно.
Kosten
Kosten 20.03.2014 12:563
0
maks0237, все исправил. Все битые ссылки поставил на свои. Но знайте под этот мини чат нужен не стандартный блок сайта.
Неудержимый
Неудержимый 07.05.2015 07:494
0
Все работает мини чат просто супер советую newrus
Dimstrik
Dimstrik 07.05.2015 11:285
0
Да чат красивый тут нет споров, но на любителя так сказать !
avatar