Мини-чат для Ucoz от UDS.ru

SUAREZ добавил 1347797139 в раздел UCOZ Другие скрипты
Отличный мини-чат для uCoz, правда? Чат выполнен в светлых тонах с использованием изменных иконок. Мини-чат uCoz подойдет для светлых дизайнов, но небольшое изменение CSS и чат подойдёт под любой дизайн сайта uCoz.
Установка uCoz мини чата много времени не займет. Следуйте инструкции.
Установка:

1. Заходим в П.У. - Дизайн - Управление дизайном (CSS) и в самый низ вставляем стили чата для ucoz:
Code
#mchatIfm2 {height:230px!important;}
.chat_box {border:1px solid #ececec;border-top:0;padding:4px;}
.chat_date {font-family:tahoma;color:#737474;float:right;font-size:8px;padding:3px 2px;}
.chat_username {text-align:left;padding:2px 2px;}
.chatstyles {width:121px!important;}
.chatstyles img {background:#f8f8f8;border:1px solid #ececec;color:#8c8c8c;width:11px; height:11px; padding:1px 1px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.chatstyles img:hover {background:#fff;}
.mchat {background: #fefefe;border: 1px solid #ececec;color:#8c8c8c;outline:none;}
input#mchatBtn {background:#f8f8f8; border:1px solid #ececec;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:0px; width:60px!important;height:17px!important;}
input#mchatBtn:hover {border:1px solid #ddd;cursor:pointer;}
textarea#mchatMsgF {width:95%!important;margin-top:5px;}
.chat_error {border:1px solid #ffe0e0;padding:3px;background:#fff2f2;margin-top:3px;}
a.minichat_uds:link, a.minichat_uds:visited, a.minichat_uds:active {text-decoration:none;color:#737474;}
a.minichat_uds:hover{color:#939494;text-shadow:0px 1px 0px #fff;text-decoration:none;}
.minichat_udsER {background:#f3fafd; border:1px solid #e1ebf0;border-radius:4px;margin-bottom:4px;padding:5px;}


2. Теперь устанавливаем вид материалов чата. Заходи в П.У. - Дизайн - Управление дизайном - Мини-чат - Вид материалов:
Code
<style>body{background:#fff;border-top:1px solid #ececec;}</style>
<div class="chat_box" style="background:<?if($PARITY$="1")?>#fff<?else?>#f4f4f4<?endif?>;">
<div class="chat_date" title="$DATE$">$TIME$</div>
<div class="chat_username">
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus(); parent.window.document.getElementById('mchatMsgF').value+='[b]$USERNAME$[/b], ';  
return false;" class="minichat_uds"><b>$USERNAME$</b></a>  
<span style="color:#636363;">пишет:</span>
</div>
<table><tbody><tr>
<td valign="top"><a href="javascript://" rel="nofollow" onclick="return show_profile('$USER_ID$');" title="$USERNAME$"><img src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http://ucozmania.com/img/comm_added_no_av.png<?endif?>" width="25" style="border:1px solid #ececec;padding:1px;"></a></td>
<td valign="top"><div class="cMessage" style="float:left; color:#636363;">$MESSAGE$</div></td>
</tr></tbody></table>
</div>


3. Устанавливаем следующий дизайн чата. Заходи в П.У. - Дизайн - Управление дизайном - Мини-чат - Форма добавления сообщений:
Code
<?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?>
<div class="minichat_udsER" align="center">
  Доступ запрещен.<br>
<a href="$LOGIN_LINK$">Войдите</a> или <a href="$REGISTER_LINK$">Зарегистрируйтесь</a>
</div><?else?>
<div class="minichat_udsER" align="center">
<a href="$LOGIN_LINK$">Доступ запрещен</a>
</div>
<?endif?></div><?else?>
<script type="text/javascript">
function sbtFrmMC991(f){$('#mchatBtn').css({display:'none'});$('#mchatAjax').css({display:''}); _uPostForm('MCaddFrm',{ type:'POST', url:'/mchat/?340427630.273961'});}  
function countMessLength(){var rst = 200-$('#mchatMsgF').val().length; if (rst<0){rst=0; $('#mchatMsgF').val($('#mchatMsgF').val().substr(0,200)); }$('#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>

<form style="margin:0;padding:0;" id="MCaddFrm" onsubmit="sbtFrmMC991();return false;">
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tbody>
<tr>
<td width="95%" rowspan="2">
<textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();"
style="height:40px;width:100%;resize:none;"></textarea>
</td>
</tr></tbody></table>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tbody><tr>
<td align="left" class="chatstyles">
<a title="Правила" href="javascript://" onclick= "openLayerB('Rules_Mchat',0,'http://updatesite.ru/xml/rules_mchat.xml', 'Правила мини чата',400,200,'1','','',0,'justify');
  return false;">
<img border="0" align="absmiddle" src="http://updatesite.ru/img/chat/rules_ico.png" width="12" height="10"></a>

<a title="Обновить" href="javascript://" rel="nofollow" onclick= "document.getElementById('mchatIfm2').src='/mchat/?'+Math.random(); return false;">
<img border="0" align="absmiddle" src="http://updatesite.ru/img/chat/refresh_ico.png"></a>
<?if($MSGCTRL_URI$)?><a title="Управление сообщениями" href="javascript://" rel="nofollow" onclick="window.open('/mchat/0-1','mchatCtrl','scrollbars=1,width=550,height=550,left=0,top=0');
  return false;"><img border="0" align="absmiddle" src="http://updatesite.ru/img/chat/settings_ico.png"></a><?endif?>
</td>
<td><div style="width:50px">
<input type="submit" value="Отправить" class="mchat" id="mchatBtn" style="width:30px;">
<img alt="" style="display:none;" id="mchatAjax" src="http://s47.ucoz.net/img/fr/ajax3.gif" border="0" width="16"></div></td>
</tr></tbody></table>
<input type="hidden" name="numa" id="numa832" value="0">
<input type="hidden" name="a" value="18">
<input type="hidden" id="ajaxFlag" name="ajax" value="1"></form><?endif?>


Вот и всё :). Можете взглянуть на чат ещё раз:

+29
Теги: ucoz, Чат, uds, мини чат
Автор: SUAREZ
Источник: http://updatesite.ru
Зарегистрируйтесь или авторизуйтесь, чтобы добавлять комментарии, оценивать материалы и сохранять их в личном кабинете.
Вы не можете добавлять комментарии

9 комментариев

  1. gefest35 gefest35

    1372074792 | | IP | Редактировать | Удалить

  2. gefest35 gefest35

    1372074110 | | IP | Редактировать | Удалить

  3. gefest35 gefest35

    1371492182 | | IP | Редактировать | Удалить

  4. SUAREZ SUAREZ

    1371913998 | | IP | Редактировать | Удалить

  5. SUAREZ SUAREZ

    1348234742 | | IP | Редактировать | Удалить

  6. SUAREZ SUAREZ

    1347804308 | | IP | Редактировать | Удалить

  7. Ronald Ronald

    1347804894 | | IP | Редактировать | Удалить

entry
Свернуть
Развернуть мини-чат
0