Простой, красивый, немного функциональный мини-чат webo4ki. Вот решил выложить его в паблик, все равно больше мне он не понадобится, т.к. сделан новый вид, а этот вид я считаю выглядит не плохо для дальнейшего существования его на других сайтах системы uCoz. Код я никак не оптимизировал перед выложением его в паблик, поэтому если будут какие-нибудь косяки, пишите в комментариях, решу их)
Установка: 1) Панель управление ---> Управление дизайном ---> Мини-чат ---> Вид материалов, удаляете все и вставляете:
Код
<?if($NUMBER$='1')?>
<div style="padding:1px 4px 4px 2px;">
<div class="vostanovitVseCmcWebo4kaRu" style="background: #eabbbb; background-image: url('http://webo4ka.ru/Ucoz8/chatWebka/prozrachnaiWebo4kaRu.png'); background-repeat: repeat-x; border:1px solid rgba(191, 86, 86, 0.600); height:25px; display:none; padding-top:5px; height:19px; font-size: 10pt; clear:both; font-family: "verdana", "arial", "helvetica"; color: rgba(85, 61, 40, 0.600);">
<center><a href="javascript://" onclick="vostanovitVseCmcWebo4kaRu();" style="text-decoration:none; outline: 0; color:rgba(191, 86, 86, 0.600);">Восстановить сообщения</a></center>
</div>
</div>
<?endif?>
<div style="padding:1px 4px 4px 2px; margin-bottom:3px;" class="closeCmcWebo4kaRu$NUMBER$">
<div class="<?if($USERNAME$ == 'Вовчик')?>mchatPostWebo4kaRu_ADMIN<?else?>mchatPostWebo4kaRu<?endif?>">
<div class="<?if($USERNAME$ == 'Вовчик')?>timePostWebo4kaRu_ADMIN<?else?>timePostWebo4kaRu<?endif?>" title="$DATE$"><center>$TIME$</center></div>
<div class="<?if($USERNAME$ == 'Вовчик')?>profilMessageWebo4kaRu_ADMIN<?else?>profilMessageWebo4kaRu<?endif?>">
<center><a href="javascript://" onclick="pokazatProfilWebo4kaRu$NUMBER$();" title="Профиль" class="pokazatProfilWebo4kaRu$NUMBER$" style="outline: 0;"><img src="http://webo4ka.ru/Ucoz8/chatWebka/user_grayWebo4kaRu.png"></a></center>
<center><a href="javascript://" onclick="ckritProfilWebo4kaRu$NUMBER$();" title="Сообщение" class="ckritProfilWebo4kaRu$NUMBER$" style="display:none; outline: 0;"><img src="http://webo4ka.ru/Ucoz8/chatWebka/text_dropcapsWebo4kaRu.png"></a></center>
</div>
<div style="margin-top:3px; margin-left:6px;"><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;" style="text-decoration:none; outline: 0; <?if($USERNAME$ == 'Вовчик')?>color: rgba(146, 30, 131, 0.600);<?else?>color:rgba(85, 61, 40, 0.600);<?endif?>"><b>$NAME$</b></a></div>
</div>
<div class="<?if($USERNAME$ == 'Вовчик')?>messageWebo4kaRu_ADMIN<?else?>messageWebo4kaRu<?endif?>" width="100%">
<div class="messageUserWebo4kaRu$NUMBER$" style="padding:5px;">$MESSAGE$</div>
<div class="profilUserWebo4kaRu$NUMBER$" style="display:none; margin:0px !important;">
<table style="background:#fff;" cellspacing="0" cellpadding="0" width="100%">
<td style="width:10%; border-right:1px solid <?if($USERNAME$ == 'Вовчик')?>rgba(146, 30, 131, 0.600)<?else?>rgba(85, 61, 40, 0.600)<?endif?>; padding:4px;">
<center><?if($AVATAR_URL$)?><img src="$AVATAR_URL$" width="50" height="50"><?else?><img src="http://webo4ka.ru/Ucoz8/chatWebka/noavatarWebo4kaRu.png" width="50" height="50"><?endif?></center>
</td>
<td valign="top" style="padding:0px;">
<a href="$PROFILE_URL$" target="_blank" class="<?if($USERNAME$ == 'Вовчик')?>mchatCcilkiWebo4kaRu_ADMIN<?else?>mchatCcilkiWebo4kaRu<?endif?>" style="outline: 0;"><div style="background:#fff; border-bottom:1px solid <?if($USERNAME$ == 'Вовчик')?>rgba(146, 30, 131, 0.600)<?else?>rgba(85, 61, 40, 0.600)<?endif?>; padding:2px; padding-left:5px; margin:0px;">Профиль</div></a>
<a href="/index/14-$USER_ID$-0-1" target="_blank" class="<?if($USERNAME$ == 'Вовчик')?>mchatCcilkiWebo4kaRu_ADMIN<?else?>mchatCcilkiWebo4kaRu<?endif?>" style="outline: 0;"><div style="background:#fff; border-bottom:1px solid <?if($USERNAME$ == 'Вовчик')?>rgba(146, 30, 131, 0.600)<?else?>rgba(85, 61, 40, 0.600)<?endif?>; padding:2px; padding-left:5px; margin:0px;">Отправить ЛС</div></a>
<a href="javascript://" onclick="$('.closeCmcWebo4kaRu$NUMBER$').hide(); setCookie('cookieReklamaAMCWebo4kaRu$NUMBER$', 1, 365); $('.vostanovitVseCmcWebo4kaRu').show();" class="<?if($USERNAME$ == 'Вовчик')?>mchatCcilkiWebo4kaRu_ADMIN<?else?>mchatCcilkiWebo4kaRu<?endif?>" style="outline: 0;"><div style="background:#fff; padding:2px; padding-left:5px; margin:0px;">Удалить</div></a>
</td>
</tr>
</table>
</div>
</div>
</div>
<link type="text/css" rel="StyleSheet" href="http://webo4ka.ru/Ucoz8/chatWebka/newMcHat.css" />
<script type="text/javascript" src="http://webo4ka.ru/Ucoz8/chatWebka/newMchat.js"></script>
<script>
if(getCookie('cookieReklamaAMCWebo4kaRu$NUMBER$')) {$('.closeCmcWebo4kaRu$NUMBER$').hide(); $('.vostanovitVseCmcWebo4kaRu').show();}
function pokazatProfilWebo4kaRu$NUMBER$() {$('.messageUserWebo4kaRu$NUMBER$').hide(); $('.profilUserWebo4kaRu$NUMBER$').fadeIn(1000); $('.pokazatProfilWebo4kaRu$NUMBER$').hide(); $('.ckritProfilWebo4kaRu$NUMBER$').show();}
function ckritProfilWebo4kaRu$NUMBER$() {$('.messageUserWebo4kaRu$NUMBER$').fadeIn(1000); $('.profilUserWebo4kaRu$NUMBER$').hide(); $('.ckritProfilWebo4kaRu$NUMBER$').hide(); $('.pokazatProfilWebo4kaRu$NUMBER$').show();}
</script>
2) Панель управление ---> Управление дизайном ---> Мини-чат ---> Форма добавления сообщений, удаляете все и вставляете:
<?if(!$CAN_ADD$)?>
Код
<?if($LOGIN_LINK$)?>
<div style="padding-top:5px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; background: #eabbbb; background-image: url('http://webo4ka.ru/Ucoz8/chatWebka/prozrachnaiWebo4kaRu.png'); background-repeat: repeat-x; border:2px solid rgba(191, 86, 86, 0.600); height:20px; font-size: 10pt; clear:both; font-family: "verdana", "arial", "helvetica"; color: rgba(85, 61, 40, 0.600);">
<center><a href="javascript://" id="userovVmchateWebo4kaRu"><div class="userovVchsteWebo4kaRu" id="mchatUserWebo4kaRu"><z class="userovVmchateWebo4kaRu">0</z></div></a></center>
<center><z style="margin:5px; padding:5px;"><a href="javascript://" onclick="$('#formaVxodaZatemnenieSaitaWebo4kaRu').fadeIn(); $('#formaVxodaPanelWebo4kaRu').fadeIn();" style="text-decoration:none; outline: 0; color:rgba(191, 86, 86, 0.600);">Необходимо авторизоваться!</a></z></center>
</div>
<?else?>
<div style="padding-top:5px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; background: #eabbbb; background-image: url('http://s017.radikal.ru/i401/1112/b5/6eda0c352850.png'); background-repeat: repeat-x; border:2px solid rgba(191, 86, 86, 0.600); height:20px; font-size: 10pt; clear:both; font-family: "verdana", "arial", "helvetica"; color: rgba(85, 61, 40, 0.600);">
<center><z style="margin:5px; padding:5px; color:rgba(191, 86, 86, 0.600);">Доступ запрещен</z></center>
</div>
<?endif?>
<?else?>
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="background: #d6c7b9 url('http://webo4ka.ru/Ucoz8/chatWebka/bodyWebo4kaRu.png'); border:1px solid rgba(85, 61, 40, 0.600); border-bottom:0px;">
<div class="mchatPanelWebo4kaRu">
<div style="float:right">
<li><a href="javascript://" style="outline: 0;" id="userov2VmchateWebo4kaRu"><z id="mchatUserWebo4kaRu" class="mchatUserWebo4kaRu">0</z></a></li>
<li><a href="http://webo4ka.3dn.ru/webo4kaRu/pravila.html" target="_blank" id="pravilaHintMcvatWebo4kaRu" style="outline: 0;"><img src="http://webo4ka.ru/Ucoz8/chatWebka/pravilawebo4karu_kopijaWebo4kaRu.png" ></a></li>
</div>
<li><a href="$RELOAD_URI$" id="obnovitHintMcvatWebo4kaRu" style="outline: 0;"><img src="http://webo4ka.ru/Ucoz8/chatWebka/obnovljaetsjaWebo4kaRu.png" border="0" align="absmiddle"></a></li>
<?if($SMILES_URI$)?><li><a href="$SMILES_URI$" id="smailiHintMcvatWebo4kaRu" style="outline: 0;"><img src="http://webo4ka.ru/Ucoz8/chatWebka/smajlywebo4karu.png"></a></li><?endif?>
<?if($BBCODES_URI$)?><li><a href="$BBCODES_URI$" id="bbKodiHintMcvatWebo4kaRu" style="outline: 0;"><img src="http://webo4ka.ru/Ucoz8/chatWebka/bbChatWebo4kaRu.png"></a></li><?endif?>
<?if($MSGCTRL_URI$)?><li><a href="$MSGCTRL_URI$" id="closeHintMcvatWebo4kaRu" style="outline: 0;"><img src="http://webo4ka.ru/Ucoz8/chatWebka/udalenieWebo4kaRu.png"></a></li><?endif?>
</div></td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%" rowspan="2">$FLD_MESSAGE$</td>
</tr>
<tr>
<td width="15%">
<input type="submit" value="ок" id="mchatBtn" style="width:50px;"><input type="submit" value="ок" id="mchatAjax" style="display:none; width:50px;" >
</td>
</tr>
</table>
<?endif?>
<link type="text/css" rel="StyleSheet" href="http://webo4ka.ru/Ucoz8/chatWebka/newMcHat.css"/>
<script type="text/javascript">
$("#obnovitHintMcvatWebo4kaRu").hover(function () {$(this).before('<span class="obnovitHintMcvatWebo4kaRu">Обновить<span class="obnovitHintMcvatWebo4kaRu2"> </span></span>')}).mouseleave(function () {$(".obnovitHintMcvatWebo4kaRu").hide()});
$("#smailiHintMcvatWebo4kaRu").hover(function () {$(this).before('<span class="smailiHintMcvatWebo4kaRu">Смайлы<span class="smailiHintMcvatWebo4kaRu2"> </span></span>')}).mouseleave(function () {$(".smailiHintMcvatWebo4kaRu").hide()});
$("#bbKodiHintMcvatWebo4kaRu").hover(function () {$(this).before('<span class="bbKodiHintMcvatWebo4kaRu">BB-коды<span class="bbKodiHintMcvatWebo4kaRu2"> </span></span>')}).mouseleave(function () {$(".bbKodiHintMcvatWebo4kaRu").hide()});
$("#closeHintMcvatWebo4kaRu").hover(function () {$(this).before('<span class="closeHintMcvatWebo4kaRu">Управление сообщениями<span class="closeHintMcvatWebo4kaRu2"> </span></span>')}).mouseleave(function () {$(".closeHintMcvatWebo4kaRu").hide()});
$("#pravilaHintMcvatWebo4kaRu").hover(function () {$(this).before('<span class="pravilaHintMcvatWebo4kaRu">Правила<span class="pravilaHintMcvatWebo4kaRu2"> </span></span>')}).mouseleave(function () {$(".pravilaHintMcvatWebo4kaRu").hide()});
$("#userovVmchateWebo4kaRu").hover(function () {$(this).before('<span class="userovVmchateWebo4kaRu">Людей в чате<span class="userovVmchateWebo4kaRu2"> </span></span>')}).mouseleave(function () {$(".userovVmchateWebo4kaRu").hide()});
$("#userov2VmchateWebo4kaRu").hover(function () {$(this).before('<span class="userov2VmchateWebo4kaRu">Людей в чате<span class="userov2VmchateWebo4kaRu2"> </span></span>')}).mouseleave(function () {$(".userov2VmchateWebo4kaRu").hide()});
$(document).ready(function(){
mchatUserWebo4kaRu = $('#onl3 b').text(); $('#mchatUserWebo4kaRu').html(mchatUserWebo4kaRu);
polzovateliWebo4kaRu = $('.gradientStatistikaWebo4kaRu').html(); $('#polzovateliWebo4kaRu').html(polzovateliWebo4kaRu);
});
</script>
Готово...