|
Название: Мини чат Жанр: Мини чаты Ucoz Автор: Mytorrento
Описание: Данный мини чат представлен в виде чата с движка Torrent peer. Ник в чате имеет свой цвет по принадлежности к группе (админ, модератор, пользователь и др.) Он может располагаться только в горизонтальной форме и может выводиться на любой странице сайта при желании.
Установка: Необходимо активизировать модуль мини чата в административной панели. За тем в виде материалов заменить весь код на представленный. Код <div class="row1 chat-comment" id="pp_209"> <div class="chatTd1"><div style="min-height: 32px;"> <a href="$PROFILE_URL$"> <img class="chatAva" align="left" height="26" width="26" style="padding-right: 1px;" src="$AVATAR_URL$" alt="2"></a> <a class="chat-edit" href="javascript://" rel="nofollow" onclick="window.open('/mchat/0-1', 'mchatCtrl', 'scrollbars=1,width=550,height=550,left=0,top=0'); return false;">¶</a> <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$NAME$[/b], ';return false;"><b><spam style="color:#656761"> <?if($GID$==1)?><font color="blue"><?endif?> <?if($GID$==2)?><font color="purple"><?endif?> <?if($GID$==3)?><font style="color: #060;font-weight: bold;text-shadow: 1px 1px 4px #008000;background: transparent url(/images/modeffect.gif) repeat scroll 0% 0%; text-decoration: none;background: url(https://s12.postimg.org/xyo3si0wd/khimchistka_kovrov_2.png) no-repeat;padding-left: 18px;"><?endif?> <?if($GID$==4)?><font style="color:#F00; font-weight:bold;text-shadow: 0px 0px 7px #F00;background: transparent url(http://filmovnet.ucoz.org/images/backmoder.gif) repeat scroll 0% 0%; text-decoration: none;background: url(http://filmovnet.ucoz.org/images/portal_custom.png) no-repeat; padding-left: 18px; "><?endif?> <?if($GID$==5)?><font color="#00BFFF"><?endif?> <?if($GID$==6)?><font color="#00FF7F"><?endif?> <?if($GID$==7)?><font color="#FF00FF"><?endif?> <?if($GID$==8)?><font color="#FFFF00"><?endif?> <?if($GID$==9)?><font color="#87CEEB"><?endif?> <?if($GID$==10)?><font color="#FF00FF"><?endif?> <?if($GID$==251)?><font color="#FF7F50"><?endif?> <?if($GID$==255)?><font color="gray"><?endif?> $USERNAME$</font>
</spam></b></a> <div class="small">$DATE$ - $TIME$</div></div></div><div class="chatMessage"> $MESSAGE$</div></div>
<style type="text/css"> #chat { overflow: auto; height: 260px; } #chat a {color: #0C97C5;} .chatTd1{ min-height:32px; min-width:165px; float:left;} .chatMessage{ font-size:11px; word-wrap:break-word; min-height:35px; margin-left:160px; border-left:1px solid #868686; padding-left:5px; } .chatMessage a{ color:#185ABF;} .chatMessage a:visited{ color:#1a40d4;} .chatMessage a:hover{ color:#837264;} .chat-comment { margin: 3px; padding: 4px; border: solid 1px #868686; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 0px 5px; } textarea.chat_message { height: 40px; width: 98%; margin: 5px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; font-size: 11px; } #submit_chat { font-size:11px; font-family:Tahoma; font-weight:bold; text-transform:uppercase; background:#cdcac6; background:-moz-linear-gradient(#e6e1d9, #45433f); background:-webkit-gradient(linear, 0 0, 0 100%, from(#e6e1d9), to(#45433f)); background:linear-gradient(#e6e1d9, #45433f); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e1d9', endColorstr='#45433f'); border:1px solid #fff !important; text-shadow:0px 1px 1px #fff; color:#333; padding:2px; cursor:pointer; box-shadow:0px 1px 3px #000; -moz-box-shadow:0px 1px 3px #000; -webkit-box-shadow:0px 1px 3px #000; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #submit_chat:hover { color:#f1e7d5 !important; text-shadow:0px 1px 1px #000 !important; background:#6a6a6a; background:-moz-linear-gradient(#45433f, #e6e1d9); background:-webkit-gradient(linear, 0 0, 0 100%, from(#45433f), to(#e6e1d9)); background:linear-gradient(#45433f, #e6e1d9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#45433f', endColorstr='#e6e1d9'); } .chatAva{ margin-right:5px; border:1px solid #868686; padding:1px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0px 0px 5px #222; -moz-box-shadow:0px 0px 5px #222; -webkit-box-shadow:0px 0px 5px #222; } .cat_title_h3{ border-bottom:1px solid #868686; padding: 3px 8px 5px; letter-spacing: 1px; text-indent: 0.6em; background: #DEE3E7 url() repeat-x; color: #f29f5c !important; text-shadow:1px 1px 1px #000; } .chat_fon{ border:1px solid #868686; background:#444 url() repeat; padding:10px; } .chat_bord{ border:1px solid #868686; } .chat_spacer{height:6px; border-bottom:1px solid #868686;}
.tdsoc { padding-bottom: 3px; padding-top: 0px; } .tdmessage { width: 80%; float: left; padding-top: 7px; } .txtb, .txtb:link, .txtb:visited, .txtb:hover { color: #003366; font-size: 9px; text-decoration: none; } </style> Далее в форме добавления сообщений заменить код на этот Код <div align="left"><br></div><div style="border-spacing: 0px; position: absolute; margin-left: 318px; margin-top: -204px; opacity: 1; display: block;" class="chatradio-elem"> <table style="border-spacing: 0px; position: absolute; margin-left: 318px; margin-top: -204px; opacity: 1; display: block;" cellpadding="0" cellspacing="0"> <tbody><tr><td style="background: url('/images/chat.png') no-repeat 0 -235px;height: 9px;width: 9px;" width="9px"></td><td style="background: url('/images/chat.png') repeat-x 0 -500px;height: 9px;" height="9px"></td><td style="background: url('/images/chat.png') no-repeat -9px -235px;height: 9px;width: 9px;" width="9px"></td></tr> <tr><td style="background: url('/images/chat.png') no-repeat -18px -235px;width: 9px;" width="9px"></td><td style="background: #fff9;"><object height="180" width="160"><param name="movie" value="http://www.zaycev.fm/zaycev_banner.swf"><param name="wmode" value="transparent"><param name="allowFullScreen" value="false"><embed src="http://www.zaycev.fm/zaycev_banner.swf" type="application/x-shockwave-flash" wmode="window" allowfullscreen="false" height="180" width="160"></object></td><td style="background: url('/images/chat.png') no-repeat -27px -235px;width: 9px;" width="9px"></td></tr> <tr><td style="background: url('/images/chat.png') no-repeat 0px -244px;height: 9px;width: 9px;" valign="top" width="9px"></td><td height="15px"><table cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td valign="top"><div style="background: url('/images/chat.png') repeat-x 0 -509px;height: 9px;"></div></td><td width="15px"><div style="background: url('/images/chat.png') repeat-x 0 -259px;height: 15px;width: 15px;"></div></td><td valign="top" width="45px"><div style="background: url('/images/chat.png') repeat-x 0 -509px;height: 9px;"></div></td></tr></tbody></table></td><td style="background: url('/images/chat.png') no-repeat -9px -244px;height: 9px;width: 9px;" valign="top" width="9px"></td></tr> </tbody></table></div> <style> #b2 {background: rgb(184, 241, 150); /* зеленый цвет фона */ color: white; /* Белые буквы */ font-size: 9pt; /* Размер шрифта в пунктах */}
#b4 {background: #c3cbd1; /*цвет фона */ color: white; /* Белые буквы */ font-size: 9pt; /* Размер шрифта в пунктах */} </style> <table style="margin: 0px auto;" width="95%"><tbody><tr> <td style="text-align: center; vertical-align: middle; letter-spacing: 0px; word-spacing: 0px;" width="265px"> <div id="chatik">
<td> </td>
<textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" placeholder="Реклама запрещена.."></textarea> <script type="text/javascript" src="/serv/chatok/bbcodes.js"></script> <div style="border:0px;" class="button-panel" align="center"> <span style="display:none" id="mchatAjax" align="center"> <span class"aer"=""><img src="/loader.gif"></span></span> <input type="submit" class="zp-button" value="Отправить" id="b2"> <span class="chat-panel-button button-sound tipsy-top" title="Обновить" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;" original-title="Обновить"> <input name="usersubmit" value="Обновить" onclick="get_message_chat(1); return false;" title="Обновить чат" type="submit" id="b4"></span> </div> </div></td> <td> </td> <td><?if($BBCODES_URI$)?><a class="chat-bold" href="javascript:void('Apply to')" onclick="bbCode('b');return false;"></a><a class="chat-italic" href="javascript:void('Apply to')" onclick="bbCode('i');return false;"></a><a class="chat-decor" href="javascript:void('Apply to')" onclick="bbCode('u');return false;"></a><?endif?><?if($SMILES_URI$)?><a class="chat-smiles" href="$SMILES_URI$"></a><?endif?><?if($MSGCTRL_URI$)?><a class="chat-edit" href="$MSGCTRL_URI$"></a><?endif?><a class="chat-onsound" onclick="ChatSoundCookie();" title="Звук включен"></a><a class="chat-offsound" onclick="delChatSoundCookie();" title="Звук выключен"></a></td> <td style="text-align:right;"><a class="chat-radio radioon" onclick="showradio();" title="Онлайн Радио"></a><a class="chat-radio radiooff" onclick="hideradio();" title="Онлайн Радио"></a></td> <td style="text-align:right;" width="7%"><a class="chat-btn" onclick="rules();"><span class="btn">Правила!</span></a></td> </tr></tbody></table> <span style="display:none;">$SUBMIT$</span>
<script> function bbCode(tg, param) { $("#blocksize").fadeOut(100); var o = '[' + tg + (param ? ("=" + param) : "") + ']', c = '[/' + tg + ']', doc = $('#mchatMsgF')[0]; doc.focus(); if (window.attachEvent && navigator.userAgent.indexOf('Opera') === -1) { var s = doc.sel; if (s) { var l = s.text.length; s.text = o + s.text + c; s.moveEnd("character", -c.length); s.moveStart("character", -l); s.select(); } } else { var ss = doc.scrollTop; sel1 = doc.value.substr(0, doc.selectionStart); sel2 = doc.value.substr(doc.selectionEnd); sel = doc.value.substr(doc.selectionStart, doc.selectionEnd - doc.selectionStart); doc.value = sel1 + o + sel + c + sel2; doc.selectionStart = sel1.length + o.length; doc.selectionEnd = doc.selectionStart + sel.length; doc.scrollTop = ss; }; return false; }
</script> <link type="text/css" rel="StyleSheet" href="/css/chat.css"> <script type="text/javascript" src="/js/chat.js"></script> <script type="text/javascript"> cookieToggle = function(id) { if ($.cookie('hideid_'+id)!=null) {$.cookie('hideid_'+id, null);} else {$.cookie('hideid_'+id, '');} $('#'+id).slideToggle(1000); } cookieToggleCheck = function(id) { if ($.cookie('hideid_'+id)!=null) {$('#'+id).hide();} } cookieToggleCheck('4at'); </script> <script type="text/javascript"> function enter(e) { if (e.keyCode == 13) { chat_post(); } } </script>
<script> var chatradiowidth = $('.chat-content .chat-shadow .chat-bg').width() - $('.chatradio-elem').width() - 24; var chatradioheight = $('.chat-content .chat-shadow .chat-bg').height() - $('.chatradio-elem').height(); $('.chatradio-elem').css({"marginLeft" : chatradiowidth , "marginTop" : chatradioheight - 30 , "opacity" : 0});
$('.radiooff , .chatradio-elem').hide(); function rules() {new _uWnd('','Общие правила чата',380,200,{autosize:1,maxh:300,minh:100},'<div style="text-align:left;"><b>В чате строго запрещено следующее:</b><div>• Запрещено обсуждение действий администрации, оскорбление пользователей сайта не зависимо от их группы.</div><div>• Использование аватаров и (или) подписей, содержание которых оскорбляет и (или) унижает пользователей.</div><div>• Проявление расовой, национальной и религиозной неприязни, пропагандирование терроризма, экстремизма, наркотиков.</div><div>• Засорение чата комментариями или сообщениями, не имеющими смысла (флуд).</div><div>• Распространение ссылок на другие проекты, сайты, файлы. Сначала выдается предупреждение, в случае игнорирования - бан.</div><div>• Распространение материалов порнографического характера.</div></div>');}; function showradio() { $('.radiooff , .chatradio-elem').show(); $('.radioon').hide(); $('.chatradio-elem').stop().animate({marginTop : chatradioheight , opacity: 1} , 350); } function hideradio() { $('.radioon').show(); $('.radiooff').hide(); $('.chatradio-elem').stop().animate({marginTop : chatradioheight - 30 , opacity: 0} , 350); setTimeout(function(){$('.chatradio-elem').hide();},400); } </script> <script type="text/javascript">function initTimer( id, overtext, callback ) {var tim = setInterval( init, 1000 );function init() {var timer = document.getElementById( id );if ( timer.innerHTML == 1 ){timer.innerHTML = overtext,clearInterval( tim );if ( callback ) {callback.call( timer );var timer = document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;}} else {timer.innerHTML--;}}}</script> <script>initTimer( 'ready', '', function () {this.innerHTML = ;initTimer( this.id, '', arguments.callee );});</script> В текстовом редакторе создайте файл chat.css и файловом менеджере папку css. chat.css должен иметь такой код Код /*---Чат---*/ .radius_chat { padding: 10px; /* Поля вокруг текста */ margin-left:10px; margin-right:10px;}
#hh {background:#fff ;font-size:11px;text-align:left;height:100%;padding:0 0 0px 0;} #chat_forprivat {clear:both;padding-left:6px;} .chat_priv {background:#d5fcd5 !important} .sho_el {cursor:pointer} .Block1 {background:#F4FFE8} .Block2 {background:#fff}
#mchat {height:220px;overflow:auto;background:#fff9;margin-bottom:6px;border:0px solid #dedede;border-top:1px solid #fff9;border-bottom:1px solid #fff9;border-left:1px solid #fff9;}
#hh textarea{margin-left:4px;border:1px solid #cecece;outline:none;} #hh .button{
box-shadow: 0 0 3px rgba(0,0,0,0.5); /* Параметры тени */ -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */ -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */ padding: 10px;
margin: 0 2px;height:18px;max-height:18px;cursor:pointer;padding:2px 2px 1px;color:#333;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} #hh .button:hover{background:#99D336;}
#mchat a {text-decoration:none} #radio {border-spacing:0px;border:0px solid #c0c0c0;position:absolute;opacity:1;display:none;margin-left:-200px;margin-top:180px;} .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;} /*-------------------*/
a.chat-btn {background:url('/images/chat.png') no-repeat 100% -90px; display:inline-block; height:25px; line-height:23px; padding-right:7px; cursor:pointer;} a.chat-btn span.btn {background:url('/images/chat.png') no-repeat 0 -65px; display:inline-block; height:25px; line-height:23px; color:#3a3a3a; font-size:13px; text-shadow:0px 1px 0px #868686; padding:0px 3px 0px 10px; cursor:pointer;}
a.chat-btnn {background:url('/images/chat.png') no-repeat 100% -90px; display:inline-block; height:25px; line-height:23px; padding-right:5px; cursor:pointer;} a.chat-btnn span.btnn {background:url('/images/chat.png') no-repeat 0 -65px; display:inline-block; height:25px; line-height:23px; color:#3a3a3a; font-size:13px; text-shadow:0px 1px 0px #868686; padding:0px 3px 0px 7px; cursor:pointer;}
a.chat-btnn:hover {background-position:100% -140px} a.chat-btnn:hover span.btnn, a.chat-btnn span.btnn:hover, a.chat-btnn:hover span.btnn:hover {background-position:0 -115px; color:#000000; text-hadow:0px 1px 0px #a2df39;}
a.chat-btn:hover {background-position:100% -140px} a.chat-btn:hover span.btn, a.chat-btn span.btn:hover, a.chat-btn:hover span.btn:hover {background-position:0 -115px; color:#000000; text-hadow:0px 1px 0px #45433f;}
textarea#mchatMsgF {height:19px !important; width:96% !important; outline:none; border:1px solid #868686 !important; font-family:Arial;padding-top:3px !important; font-size:12px;}
#mchatMsgF {height: 22px !important;width: 260px !important;outline: none;border: 1px solid #868686 !important; padding: 0px 3px; margin-left: -3;}
img#mcSecurImg3 {height:22px !important; border:1px solid #82c116 !important;}
a.chat-delpm, a.chat-bold, a.chat-italic, a.chat-decor, a.chat-smiles, a.chat-edit, a.chat-onsound, a.chat-offsound, a.chat-radio {display:inline-block; width:25px; height:25px; cursor:pointer; margin-right:3px;}
a.chat-bold {background:url('/images/chat.png') no-repeat 0px -165px;} a.chat-bold:hover {background-position:-125px -165px;}
a.chat-italic {background:url('/images/chat.png') no-repeat -25px -165px;} a.chat-italic:hover {background-position:-150px -165px;}
a.chat-decor {background:url('/images/chat.png') no-repeat -50px -165px;} a.chat-decor:hover {background-position:-175px -165px;}
a.chat-smiles {background:url('/images/chat.png') no-repeat -75px -165px;} a.chat-smiles:hover {background-position:-200px -165px;}
a.chat-edit {background:url('/images/chat.png') no-repeat -100px -165px;} a.chat-edit:hover {background-position:-225px -165px;}
a.chat-onsound {background:url('/images/chat.png') no-repeat 0px -210px;} a.chat-onsound:hover {background-position:-25px -210px;}
a.chat-offsound {background:url('/images/chat.png') no-repeat -50px -210px;} a.chat-offsound:hover {background-position:-75px -210px;}
a.chat-radio {background:url('/images/chat.png') no-repeat -100px -210px;} a.chat-radio:hover {background-position:-125px -210px;}
a.chat-delpm {background:url('/images/chat.png') no-repeat -150px -210px;} a.chat-delpm:hover {background-position:-175px -210px;} Эту картинку загрузите в папку images Все сохраните и радуйтесь.
|