Главная - Все для web-мастера uCoz

Мини-чат для ucoz

Мини-чат для ucoz
Новый отличный мини-чат для сайтов uCoz. Выполнен в светлой цветовой гамме, но пару не сложных действий css правилами и он легко превратится в темный или такой какой вам нужен цвет. Как и в большинстве новых чатов, здесь есть поддержка аватаров пользователя.
Установка:

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://xn--g1acecr2a.xn--p1ai/script/mini_chat/1/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://xn--g1acecr2a.xn--p1ai/script/mini_chat/1/rules_mchat.xml', 'Правила мини чата',400,200,'1','','',0,'justify');  
  return false;">  
<img border="0" align="absmiddle" src="http://xn--g1acecr2a.xn--p1ai/script/mini_chat/1/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://xn--g1acecr2a.xn--p1ai/script/mini_chat/1/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://xn--g1acecr2a.xn--p1ai/script/mini_chat/1/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://xn--g1acecr2a.xn--p1ai/script/mini_chat/1/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?>


Готово!

Источник: updatesite.ru

Просмотров: 1612 | Написал: (o)-$erega-(o) | Дата: 16.12.2012 | Комментарии: (0)

info
Гостям нельзя оставлять комментарии. Зарегистрируйтесь или войдите под своим профилем

vk
Рекомендуем
Мини-чат
23:26
gameaslife
Парни помогите ! http://xn--g1acecr2a.xn--p1ai/board/skripty_ucoz/bot_dlja_mini_chata/1-1-0-581

19:05
380971489511
А как делать фон на сайте?

17:31
ferr-um
Страница материала - http://укозик.рф/board/skripty/umenshaem_izobrazhenija_v_informerakh_kommentakh/5-1-0-444

17:31
ferr-um
Скрипт хорош, решил потестировать и даже больше - использовать его и для уменьшения видео, так вот вроде бы все работает на IE и MF но вот Google Chrome вроде бы воспринимает скрипт, но после перезагрузки страницы картинки снова увеличенные ( кстати видео не увеличивается ) в чем может быть проблема? Заранее спасибо.

17:31
ferr-um
Я так понял сообщение отправить пока нет возможности, но вот ответ на вопрос хотелось бы получить, так как очень нужно и так:

23:02
Kulac
по моему, выглядит капельку лучше

00:51
Montik
Супер

04:46
Admin
Всем привет! Сайт переехал на новый хостинг!

Для добавления необходима авторизация
Реклама
Статистика
Яндекс.Метрика

Онлайн всего: 1
Гостей: 1
Пользователей: 0