ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Мини-чат uCoz с функциями (Черный)

Мини-чат uCoz с функциями (Черный)

Мини-чат uCoz с функциями (Черный)
Очень красивый по дизайну Мини-чат uCoz с функциями Черный. Вы думаю его видели на одном адаптаций сайта и теперь его можно поставить отдельно от него. И только на темный по цвету дизайн интернет ресурса.
Отлично будет смотреться на портале где один контейнер. Но я его ставил где и два контейнера. Но суть в том что он рабочий.
Все ссылки не битые, как можно найти в интернете только с нерабочими ссылками. И кнопки на его все. И в них есть смысл, чтоб был контейнер немного пошире чем простой или стандартный.
К примеру возьмем сайт zornet.ru, на его он отлично по форме подойдет. Но стоить попробовать, так как можно одну или несколько кнопок удрать с кода и все будет смотреться как создан для вашего сайта.
Установка:
Просто все меняем в разделе на эти коды.

В вид материалов чата ставим:
Код
<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://your-serva4ok.ucoz.ru/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>


В форму добавления сообщения:
Код
<?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>
14 Апреля 2014 Просмотров: 2201 Комментариев: (16)

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

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

Оставь свой отзыв

Комментарии: 16
Kosten
Kosten 17 Апреля 2014 12:121
0
Плиз отпишите кто поставил этот чат.
kredit-oformi
kredit-oformi 17 Апреля 2014 12:352
0
что то у меняпока не получается ок кнопки нет и таймера kredit-oformi.ru
Kosten
Kosten 17 Апреля 2014 12:553
0
Форму добавление сменить. То кнопок не вижу, а так проверил работает.
kredit-oformi
kredit-oformi 17 Апреля 2014 13:444
0
а это я убрал ее тогда и отавил стандарт а теперь посмотри?
Kosten
Kosten 17 Апреля 2014 14:185
0
kredit-oformi, теперь вижу что все работает.. так как не проверял. Но также и вижу что убрано 2 кнопки и они как понимаю не влазят. Но я писал об этом.. что контейнер не должен быть стандартным.
kredit-oformi
kredit-oformi 17 Апреля 2014 14:236
0
Kosten,а из-за ширины получается не влазит
Kosten
Kosten 17 Апреля 2014 14:397
0
kredit-oformi, да.. я так и написал.. контейнер с шаблона был один и он был широкий. Но это не проблема. Можно просто сами кнопки меньше сделать. Если тебе нужно я могу заняться.
1 2 3 »
avatar