Файлы Скрипты и модификации

Адаптация чата iChat для uCoz

Описание:
Адаптированный чат для ucoz.

Oсобенности:

Мод очистки чата.
Мод вывода аватара пользователя
Новый вид модер панели

Установка:
1. В "Форме добавления сообщений мини-чата" замените все на:
Код
<?if(!$CAN_ADD$)?>  
<?if($LOGIN_LINK$)?>  
<div class="ui-state-error ui-corner-all" style="padding:9px;">Только зарегистрированные посетители могут писать в чате.<div class="copyright" style="display: none;"> <a href="/" target="_blank">8Dle</a> <a href="http://for-ucoz.my1.ru/" target="_blank">For-uCoz.my1.ru</a></div><div class="clr"></div></div>  

<?else?>  
<div class="ui-state-error ui-corner-all" style="padding:9px;">Вам нельзя писать в чате.<div class="copyright" style="display: none;"> <a href="/" target="_blank">8Dle</a> <a href="http://for-ucoz.my1.ru/" target="_blank">For-uCoz.my1.ru</a></div><div class="clr"></div></div>  

<?endif?>  
<?else?>  

<div class="iChat_editor">  

<div class="iChat_bbeditor">  

<span onclick="simpletag1('b','','','mchatMsgF','')"><img title="Полужирный" src="/ichat/img/bbcode/b.png" alt="" /></span>  

<span onclick="simpletag1('i','','','mchatMsgF','')"><img title="Наклонный текст" src="/ichat/img/bbcode/i.png" alt="" /></span>  

<span onclick="simpletag1('u','','','mchatMsgF','')"><img title="Подчеркнутый текст" src="/ichat/img/bbcode/u.png" alt="" /></span>  

<span onclick="simpletag1('s','','','mchatMsgF','')"><img title="Зачеркнутый текст" src="/ichat/img/bbcode/s.png" alt="" /></span>  

<img class="bbspacer" src="/ichat/img/bbcode/brkspace.png" alt="" />  

<span href="$SMILES_URI$"><img title="Вставка смайликов" src="/ichat/img/bbcode/emo.png" alt="" /></span>  

<span onclick="tag_url1('mchatMsgF','')"><img title="Вставка защищенной ссылки" src="/ichat/img/bbcode/link.png" alt="" /></span>  

<span onclick="colortag1('s','','','mchatMsgF','')"><img title="Цвет текста" src="/ichat/img/bbcode/color.png" alt="" /></span>  

<span onclick="simpletag1('quote','','','mchatMsgF','')"><img title="Вставка цитаты" src="/ichat/img/bbcode/quote.png" alt="" /></span>  

<span onclick="iChat_translit()"><img title="Преобразовать выбранный текст из транслитерации в кириллицу" src="/ichat/img/bbcode/translit.png" alt="" /></span>  

<script src="http://for-ucoz.ru/scripts/js/bbichat.js" type="text/javascript"></script>  

<div class="clr"></div>  
</div>  

<textarea name="mcmessage" class="message" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();" style="height:40px;width:95%;resize:none;" id="mchatMsgF"></textarea>  

<div class="clr"></div>  

</div>  

<div style="padding-top:12px;">  

<?if($GROUP_ID$=4 || $GROUP_ID$=3)?>  
<input type="button" class="button" onclick="delete_chat()" style="font-size: 9px; float: left;" value="Очистить">  
<?endif?>  

<a href="/mchat" target="mcdemo" onclick="window.open('','mcdemo','width=240,height=385,resizable=yes,scrollbars=yes,toolbar=no,statusbar=yes');return true;"><input type="button" class="button" style="font-size: 9px; float: left;" value="Архив">  
</a>  

<?if($MSGCTRL_URI$)?>  
<input type="button" class="button" href="$MSGCTRL_URI$" style="font-size: 9px; float: left;" value="Управление">  
<?endif?>  

<input class="button" type="submit" style="font-size: 9px; float: right;" value="Отправить">  

</div>  

<?endif?>  
<br>  

<script type="text/javascript" src="http://for-ucoz.ru/scripts/js/ichatdel.js"></script>  
<style type="text/css">  
.del_chat {width:300px;height:15px;border:1px solid #666;background:#f2f2f2;margin:10px 0;} /* сам прогресс-бар, цвет рамки и фона */  
.delete_chat {height:15px;float:left;} /* выравнивание заполнения прогресс-бара */  
.delete_chats {background:#c0c0c0;height:13px;width:1px;float:left;padding:1px;} /* стиль полоски прогресс-бара (главное цвет) */  
.del_proc {margin-top:-25px;margin-bottom:15px;} /* процент удалённых сообщений */  
#del_enter, #del_ok, #del_error, .del_c {margin:10px auto !important;overflow:none;} /* отступы для кнопки и сообщение об успехе/ошибке */  
#del_ok, #del_error {font-size:15px;} /* размер текста для сообщений об успехе/ошибке */  
#del_ok, #del_error, .del_c {text-align:center;display:none;} /* выравниание текста сообщений об успехе/ошибке */  
.del_num {text-align:left;margin-left:14px;} /* стиль общего количества сообщений в чате */  
.del_dels {text-align:right;float:right;margin-right:13px;} /* стиль количества удаленных сообщений */  
</style>

2. Вид материалов мини-чата:
Код
<?if($USER_ID$=1)?>  
<?if($NUMBER$=1)?>  
<span style="display:none;" id="allmes"></span>  
<link type="text/css" rel="StyleSheet" href="http://s1.ucoz.net/src/layer1.css" />  
<?endif?>  

<script>  
$(document).ready(function() {  
<?if($NUMBER$=1)?>$('#allmes').load('/mchat/0-1 div.myBdBottom');  
<?endif?>  
$('.mymod$NUMBER$').toggle(function() {  
var mmid = $(this);  
var tme = mmid.attr('alt');  
var nk = $('div.myBdBottom span[title="'+tme+'"]').html();  
var nk2 = nk.replace(/Вчера/g, '').replace(/Сегодня/g, '');  
$('#lhre$NUMBER$').html(''+nk2+'');  
}, function() {  
$('#lhre$NUMBER$').html('');  
});  
});  
</script>  

<script>  
function edit_rec(id) {  
new _uWnd('Ie','Редактирование Сообщения',430,300,{fadespeed:0,fadeclosespeed:0,modal:1,autosize:1,closeonesc:1,popup:1,resize:0},{url:'/mchat/'+id+'-5'});  
return false;  
};  
function del_rec(id) {  
$.get('/index/14-0-0-1', function(d) {  
var aa = $('input[name="ssid"]', d).val();  
_entrRem('dib'+id,'/mchat/'+id+'-7-'+aa,'http://s1.ucoz.net','Вы подтверждаете удаление?');  

return false;  
});  
// Строчка ниже работает лишь с jQuery 1.6.1  
// Если у вас активирован jQuery 1.3.2 - Удалите строчку ниже  
$('img[title="Удалить"]').mouseout(function() {$(this).parent().parent().parent().parent().parent().parent().delay(500).slideUp(1000)});
// Конец строчки, которая работает лишь с jQuery 1.6.1  
};  
</script>  
<?endif?>

<div class="message">

<div class="avatar"><img src="$AVATAR_URL$" width="32" height="32" alt="$USERNAME$" /></div>

<div class="info"><b><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow">$USERNAME$</a></b>
$TIME$</div>

<hr />

<div class="text">$MESSAGE$</div>

<div align="right">
<img class="action" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;" src="/ichat/img/quote.png" alt="Ответить" />

<?if($USER_ID$=1 or $USER_ID$=2)?>
<img height="16px" src="/ichat/img/delete.png" class="mymod$NUMBER$" alt="$TIME$" id="ol$NUMBER$" /> <span id="lhre$NUMBER$"></span><?endif?>

</div>
</div>

3. В CSS:
Код

/*--- iChat v1.1. ---*/  

.iChat {
  padding: 3px;
}

.message {
  font-size: 11px;
  font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
  line-height: 1.27;
  word-wrap: break-word;
}

.message {
  border: 1px solid #dadada;
  background-color:#FFFFFF;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 1px;
  margin-top: 2px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 3px;
}

.message:hover {
  border: 1px solid #cccccc;
}

.clr { clear: both; }

.message div {
  margin: 0;
  padding: 0;
}

.message .info {
  display: block;
  margin-top: 2px;
  color: #969696;
  background-color: rgb(240, 247, 252);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.button {
  background: #fff url("/ichat/img/button.png") repeat-x 0 100%;
  text-shadow: 0 1px 0 #fff;
  border: 1px solid #b3b3b3;
  color: #383838;
  padding: 2px 9px 5px 9px;
  margin-bottom: 2px !important;
  height: 24px;
  font-weight: bold;
  cursor: pointer;
  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  -moz-box-shadow: 0 1px 4px -3px black;
  -webkit-box-shadow: 0 1px 4px -3px black;
  box-shadow: 0 1px 4px -3px black;
}
.button:hover { background-position: 0 10px; }

.message .text {
  margin-left: 5px;
  font-size: 12px;
}

.message a {
  color: #176093;
}

.message .action {opacity: 0.3;cursor:pointer;}
.message .action:hover {opacity: 1;}

.message hr { border: 0 none; border-top: 1px solid #dbe8ed; height: 1px; }

.message .avatar img {
  margin-right: 5px;
  float: left;
  height: 32px;
  width: 32px;
  background-color: #FCFCFF;
  border: 1px solid #A5CAE4;
  border-radius: 4px 4px 4px 4px;
  padding: 2px;
}

.copyright {
  font-size: 9px;  
  padding-right: 5px;
  float: right;
  color: #969696;
}

  .copyright a {
  font-size: 10px;
  color: #176093;
}
.iChat_input { width: 99px; padding: 1px; }
.iChat_bbeditor { border: 1px solid #d4dfe8; background: #fff url("/ichat/img/bbcode/bg.png") repeat; }
.iChat_bbeditor span, .iChat_bbeditor span img, .iChat_bbeditor .bbspacer, .iChat_bbeditor .bbselect { float: left; }
.iChat_bbeditor .bbselect { height: 21px; padding: 4px 3px 0 3px; }
.iChat_bbeditor .bbselect select { font-size: 11px; }
.iChat_bbeditor span { cursor: pointer; background: url("/ichat/img/bbcode/buttons.png") no-repeat; }
.iChat_bbeditor span:hover { background-position: -23px 0; }

.iChat_editor { width: 99% !important; background-color: #f9fafa; border: 1px solid #d4dfe8; }
.iChat_editor .iChat_bbeditor { border-width: 0 0 1px 0; }

.ui-corner-all {  
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  
}

#mchatMsgF {
width: 99%;
height: 60px;
display:block;
background:#fff url(/ichat/img/logotype.png) center no-repeat;
border:1px solid #c2c2c2;
}
Источник: Неизвестен
Материал «Адаптация чата iChat для uCoz» ещё никто не комментировал.
Добавлять комментарии могут только зарегистрированные пользователи.
Войдите на сайт или Зарегистрируйтесь
Наш опрос
Как вы нас нашли?
640 ответов
Архив
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Никого нету
Сегодня нас посетили
Никто ещё не посетил
© 2012-2020 «For-uCoz». Дизайн и верстка Snoopak Хостинг от uCoz
Внимание! На сайте ведутся технические работы.
Некоторые изображения и файлы могут быть недоступны