Сообщение оставлено 20.06.2011 в 16:12:34 | Сообщение #
1
Постоянный Постоянный пользователь проекта. Имеет широкие привилегии на сайте.
К сожалению, пользователь данные о WMID не указал.
Особенности: [Designer] 1) Всё работает в тихом режиме на ajax запросах 2) Работает на всех типах дизайнов 3) Уникальный вид ВВ кодов + смайлов 4) Быстрое редактирование материалов в том же окне чата 5) Возможность включения онлайн статистики (Автообновление каждую минуту + возможность обновлять вручную) 6) Мини-профили пользователей чата в модальных окнах 7) Возможность просмотра сообщений, адресованных именно вам 8) Звуки при отправке + при новых сообщениях + возможность отключения звуков (Пока что без запоминания) 9) Автообновление каждые 20 секунд 10) Уникальный вид добавления сообщений [/Designer] Установка: 1) На персональной странице пользователя в самый верх вставляйте: Code
<span style="display:none;"> <div id="loader"> <span id="ava"><a title="Клик для перехода в профиль" href="/index/8-$_USER_ID$" target="_blank"><?if($_AVATAR$)?>$_AVATAR$<?else?><img src="/images/noavatar.png" border="0"><?endif?></a></span> [<?if($_STATUS$)?>$_STATUS$<?else?><font color="green">Olnine</font><?endif?>] <b>Группа:</b> $_GROUP_NAME$<br><br> <?if($_NAME$)?><b>Имя:</b> $_NAME$<br><?endif?> <b>Добавлено файлов:</b> <a href="$_LOAD_ACTIVITY_URL$" target="_blank">$_LOAD_ENTRIES$</a><br> <b>Оставлено комментариев:</b> $_COM_ENTRIES$<br> <b>Последний раз был на сайте:</b><br>$_LOG_TIME$ </div> <div id="onu">$ONLINE_USERS_LIST$</div> </span>
2) Вид материалов мини-чата: Code
<div class="cBlock" style="padding:0 4px 5px 2px;margin-bottom:3px;"> <div style="float:right;font-size:8px;" title="$DATE$">$TIME$</div> <div style="text-align:left;"> <?if($USERNAME$)?><a href="javascript://" title="Мини-профиль $USERNAME$" rel="nofollow"><img id="prof" md="$USER_ID$" src="http://s36.ucoz.net/img/icon/profile.png" width="13" border="0" style="vertical-align:-2px"/></a> <?endif?> <a id="user" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus(); parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><b id="name">$NAME$</b></a> <?if($EMAIL$)?> <a href="$EMAIL_JS$" title="$STR_EMAIL$">E</a><?endif?> <?if($SITE$)?> <a rel="nofollow" href="$SITE$" target="_blank" title="$STR_URL$">W</a><?endif?> </div> <div class="cMessage" style="text-align:left;">$MESSAGE$</div> <?if($CUSTOM1$)?><br>$STR_CUSTOM1$: $CUSTOM1$<?endif?> <?if($CUSTOM2$)?><br>$STR_CUSTOM2$: $CUSTOM2$<?endif?> </div>
Следующим кодом замените (Как правило в правом или левом глобальном блоке) на: A) Для тёмных дизайнов:
<style> #bbpanel {width:100%;opacity:0.95;display:none;position:absolute;z-index:20;background:#333;box-shadow:0px 4px 10px #000;padding:5px;} .ap3p {width:auto;opacity:0.95;display:none;position:absolute;z-index:20;background:#333;box-shadow:0px 4px 10px #000;padding:5px;} .setall {margin-top:-25px;margin-left:30px;width:30px;height:115px;position:absolute;border-radius:5px;z-index:35;background:#444;border:3px solid #555;opacity:0.95;padding:5px 5px 10px 5px;display:none;} .oulist {z-index:100;text-align:center;display:none;left:50%;margin-left:-150px;color:#eee;position:fixed;top:0;padding:25px 15px 15px 15px;width:300px;background:#555;opacity:0.9;border:5px solid #666;box-shadow:0px 2px 3px #222;border-radius:0px 0px 5px 5px;} .seemymes {width:auto;display:none;position:absolute;z-index:37;background:#555;} img.codeButtons {border:0} .xw-mc {background:none;border:0;} div img {cursor:pointer} #scrollers {width:auto; height:300px; overflow-x:hidden;position:relative;z-index:15;background:#555;} .prblock {position:absolute;width:150px;height:150px;border-radius:0 10px 10px 0;box-shadow:1px 1px 5px #555;background:fff;z-index:100;opacity:0.85;margin-left:180px;padding:10px;} #nnn {z-index:100;position:absolute;background:#fff;border:1px dashed #999;opacity:0.9;margin-left:120px;height:300px;overflow-x:hidden;} .mpr {left:50%;top:50%;z-index:110;position:fixed;margin-left:-140px;margin-top:-70px;width:280px;height:140px;border-radius:5px;z-index:35;background:#444;border:3px solid #555;box-shadow:0px 1px 2px #222;opacity:0.95;padding:20px 0 0 50px;display:none;} #rel {color:green;font-weight:bold;font-size:9px;vertical-align:2px;opacity:0;} #ava img {width:30px;} div.cBlock {color:#ccc;background: url("/apo/gradient-bgb.svg");filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#555');background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#555));background: -moz-linear-gradient(top, #666, #555); } </style> <div style="display:none;" id="per1"></div> <div style="display:none;" id="per2"></div> <div id="dels"></div> <div id="flash" style="position:absolute;top:-1000;z-index:-10;"> </div> <div id="flash2" style="position:absolute;top:-1000;z-index:-10;"> </div> <div class="oulist"><table><td width="12px"><img title="Обновить статистику" src="/apo/27.png" style="display:none;cursor:pointer;" width="12px" id="rimg" /></td><td><span id="rell"><img src="/apo/i3.gif" border="0" width="150px" /></span></td></table></div> <span id="pr"></span> <div id="scrollers"> <div id="bbpanel"> <center> <script type='text/javascript' src='/apo/bbcodes.js'></script> <script src="/apo/bapoCH.js"></script> </center> </div> <div id="Смайлы" class="ap3p"><script src="/apo/apoSM.js"></script></div> <div class="seemymes"></div><div id="chedit"></div><div id="cht"><center><img src="/apo/i3.gif" border="0" width="150px" /></center></div> </div> <table width="100%"> <td width="25px"><img name="hider" title="Обновить" width="25px" src="/apo/b2.png" onclick="reloader();" /></td> <td width="25px"> <img name="hider" title="Смайлы" width="25px" src="/apo/b1.png" id="smile1" /></td> <td width="25px"> <img name="hider" title="ВВ коды" width="25px" src="/apo/bbbc.png" id="bbc" /></td> <td width="25px"> <img name="hider" title="Дополнительно" width="25px" src="/apo/bset.png" id="setter"/> <div class="setall"> <table> <tr> <td height="27px" width="25px"> <img title="Управление сообщениями" width="25px" src="/apo/b3.png" id="edit1" /> <img title="Скрыть управление сообщениями" width="25px" src="/apo/b3.png" style="display:none;opacity:0.5;" id="edit2" /> </td> </tr> <tr> <td width="25px"> <img src="/apo/bprof.png" width="25px" title="Отобрать сообщения, адресованные мне" id="mymess" /> </td> </tr> <tr> <td width="25px"> <img name="hider" src="/apo/bwhon.png" width="25px" title="Показать список онлайн пользователей" id="ounshow" /> </td> </tr> <tr> <td width="25px"> <img name="hider" src="/apo/bsoundon.png" width="25px" title="Звуки включены. Клик для отключения" id="muzicon" /> <img style="display:none;" src="/apo/bsoundoff.png" width="25px" title="Звуки отключены. Клик для включения" id="muzicoff" /> </td> </tr> </table> </div> </td> <td><div title="Индикатор обновления" id="rel">Обновлено</div></td> </table> $CHAT_BOX$ <div title="Клик по профилю для его закрытия" class="mpr" id="loadp"><img src="/apo/ajax-loader.gif" /></div> <!-- </bc> --></div></div> </div> <script type="text/javascript"> var addb = $('div#chaddf').html(); var integ = $('div#cht'); var edit1 = $('div#chedit'); var bedit = $('#edit1'); var beditc = $('#edit2'); function show_profile(uid) { window.open('/index/8-'+uid); return false; } function edit_rec(id) { new _uWnd('Ie','Редактирование комментария',-430,-150,{autosize:1,closeonesc:1,resize:0},{url:'/mchat/'+id+'-5'}); return false; } function del_rec(id) { _entrRem('dib'+id,'/mchat/'+id+'-7-'+delres+'','','Вы подтверждаете удаление?'); return false; } $('#rimg').click(function() { $('#rell').load('/index/8 #onu', function() { oul.fadeTo(300, 0.5).fadeTo(300, 0.8); }); }); $('#dels').load('/index/14-0-0-1 input[name=ssid]', function() { delres = $('input[name=ssid]').val(); }); var setall = $('.setall'); $('#setter').toggle(function() { setall.fadeIn(500); }, function() { setall.fadeOut(500); }); function reloader() { integ.load('/mchat div.cBlock', function() { var per2 = $('.cMessage:first').text(); $('#per2').text(per2); if(per2 == $('#per1').text()) { } else { $('div#flash2').fadeIn(0).fadeOut(2000); var per1 = $('#per1').text(per2); } var cb = $('div.cMessage'); integ.fadeOut(0).fadeIn(500); $('#rel').stop().fadeTo(500, 1); setTimeout(function() { $('#rel').stop().fadeTo(500, 0); }, 1000); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); edit1.fadeOut(0);beditc.fadeOut(0);bedit.fadeIn(500); }); } $('#smile1').toggle(function() { $('#bbpanel').fadeOut(500); $("#bbc").hide(300); $('.ap3p').slideDown(500); }, function() { $('.ap3p').slideUp(500, function() { $("#bbc").show(500); }); }); $("#bbc").toggle(function() { $('#smile1').hide(300); $('#Смайлы').fadeOut(500); $('#bbpanel').slideDown(500); }, function() { $('#bbpanel').slideUp(500, function() { $('#smile1').show(500); }); }); $('#mymess').toggle(function() { bedit.fadeOut(300); $('.seemymes').load('/mchat div.cBlock', function() { $('img[name=hider]').fadeTo(500, 0.5); var cb = $('div.cMessage'); $(this).fadeIn(500); cb.fadeTo(500, 0.1); cb.each(function() { $(this).prev().fadeTo(500, 0.1); }); $('div.cMessage:contains("$USERNAME$")').fadeTo(500, 1); $('div.cMessage:contains("$USERNAME$")').prev().fadeTo(500, 1); }); }, function() { $('img[name=hider]').fadeTo(500, 1); bedit.fadeIn(300); $('.seemymes').fadeOut(500); $('div.cMessage').fadeTo(500, 1); $('div.cMessage').prev().fadeTo(500, 1); }); var ous = $('#ounshow'); var oul = $('.oulist'); ous.toggle(function() { $(this).fadeTo(300, 0.5); oul.fadeIn(500, function() { setTimeout(function() { $('#rimg').fadeIn(500); }, 500); }); $('#rell').load('/index/8 #onu'); setInterval(function() { $('#rell').load('/index/8 #onu', function() { oul.fadeTo(500, 0.5).fadeTo(500, 1); }); }, 60000); }, function() { ous.fadeTo(500, 1); oul.fadeOut(500); }); var mon = $('#muzicon'), moff = $('#muzicoff'), fl1 = $('#flash'), fl2 = $('#flash2'); mon.click(function() { fl1.attr('id', 'f1'); fl2.attr('id', 'f2'); mon.fadeOut(0, function() { moff.fadeIn(300); }); }); moff.click(function() { $('#f1').attr('id', 'flash'); $('#f2').attr('id', 'flash2'); moff.fadeOut(0, function() { mon.fadeIn(300); }); }); $('iframe#mchatIfm2').hide(0); $('#MCaddFrm table:first').hide(0); integ.load('/mchat div.cBlock', function() { var per1 = $('.cMessage:first').text(); $('#per1').text(per1); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); }); bedit.click(function() { edit1.load('/mchat/0-1 div.contentBg', function() { integ.fadeOut(0);bedit.fadeOut(0);edit1.fadeOut(0).fadeIn(500);beditc.fadeIn(500); beditc.click(function() { setTimeout (function() { integ.load('/mchat div.cBlock', function() { edit1.fadeOut(0);integ.fadeIn(500);beditc.fadeOut(0);bedit.fadeIn(500); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); }, 500); }); }); }); }); setInterval(function() { integ.load('/mchat div.cBlock', function() { var per2 = $('.cMessage:first').text(); $('#per2').text(per2); if(per2 == $('#per1').text()) { } else { $('div#flash2').html('<embed type="application/x-shockwave-flash" src="http://s51.ucoz.net/flash/audio1.swf?song_url=/apo/nm.mp3&autoplay=1&loop=0" width="0" height="0" />'); var per1 = $('#per1').text(per2); } $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); $('#rel').stop().fadeTo(500, 1); setTimeout(function() { $('#rel').stop().fadeTo(500, 0); }, 1000); }); }, 20000); $('#mchatBtn').click(function() { setTimeout(function() { integ.load('/mchat div.cBlock', function() { var per2 = $('.cMessage:first').text(); var per1 = $('#per1').text(per2); $('#dels').load('/index/14-0-0-1 input[name=ssid]', function() { delres = $('input[name=ssid]').val(); }); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); $('div#flash').html('<embed type="application/x-shockwave-flash" src="http://s51.ucoz.net/flash/audio1.swf?song_url=/apo/mm.mp3&autoplay=1&loop=0" width="0" height="0" />'); integ.fadeOut(0).fadeIn(500);edit1.fadeOut(0);beditc.fadeOut(0);bedit.fadeIn(500); }); }, 1000); }); $("#mchatMsgF").bind("keydown",function(e){if(e.keyCode==13 && e.ctrlKey && !e.shiftKey){ setTimeout(function() { integ.load('/mchat div.cBlock', function() { var per2 = $('.cMessage:first').text(); var per1 = $('#per1').text(per2); $('#dels').load('/index/14-0-0-1 input[name=ssid]', function() { delres = $('input[name=ssid]').val(); }); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); $('div#flash').html('<embed type="application/x-shockwave-flash" src="http://s51.ucoz.net/flash/audio1.swf?song_url=/apo/mm.mp3&autoplay=1&loop=0" width="0" height="0" />'); integ.fadeOut(0).fadeIn(500);edit1.fadeOut(0);beditc.fadeOut(0);bedit.fadeIn(500); }); }, 1000); }}); </script>
Б) Для светлых дизайнов:
<style> #bbpanel {width:100%;opacity:0.95;display:none;position:absolute;z-index:20;background:#ddd;box-shadow:0px 4px 10px #444;padding:5px;} .ap3p {width:auto;opacity:0.95;display:none;position:absolute;z-index:20;background:#ddd;box-shadow:0px 4px 10px #444;padding:5px;} .setall {margin-top:-25px;margin-left:30px;width:30px;height:115px;position:absolute;border-radius:5px;z-index:35;background:#ddd;border:3px solid #ccc;opacity:0.95;padding:5px 5px 10px 5px;display:none;} .oulist {z-index:100;text-align:center;display:none;left:50%;margin-left:-150px;color:#eee;position:fixed;top:0;padding:25px 15px 15px 15px;width:300px;background:#ddd;opacity:0.9;border:5px solid #ccc;box-shadow:0px 2px 3px #444;border-radius:0px 0px 5px 5px;} .seemymes {width:auto;display:none;position:absolute;z-index:37;background:#eee;} img.codeButtons {border:0} .xw-mc {background:none;border:0;} div img {cursor:pointer} #scrollers {width:auto; height:300px; overflow-x:hidden;position:relative;z-index:15;background:#eee;} .prblock {position:absolute;width:150px;height:150px;border-radius:0 10px 10px 0;box-shadow:1px 1px 5px #444;background:ddd;z-index:100;opacity:0.85;margin-left:180px;padding:10px;} #nnn {z-index:100;position:absolute;background:#ddd;border:1px dashed #ccc;opacity:0.9;margin-left:120px;height:300px;overflow-x:hidden;} .mpr {left:50%;top:50%;z-index:110;position:fixed;margin-left:-140px;margin-top:-70px;width:280px;height:140px;border-radius:5px;z-index:35;background:#ddd;border:3px solid #ccc;box-shadow:0px 1px 2px #444;opacity:0.95;padding:20px 0 0 50px;display:none;} #rel {color:green;font-weight:bold;font-size:9px;vertical-align:2px;opacity:0;} #ava img {width:30px;} div.cBlock {color:#333;background: url("/apo/gradient-bg.svg");filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#eee');background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));background: -moz-linear-gradient(top, #fff, #eee); } </style> <div style="display:none;" id="per1"></div> <div style="display:none;" id="per2"></div> <div id="dels"></div> <div id="flash" style="position:absolute;top:-1000;z-index:-10;"> </div> <div id="flash2" style="position:absolute;top:-1000;z-index:-10;"> </div> <div class="oulist"><table><td width="12px"><img title="Обновить статистику" src="/apo/27.png" style="display:none;cursor:pointer;" width="12px" id="rimg" /></td><td><span id="rell"><img src="/apo/i3.gif" border="0" width="150px" /></span></td></table></div> <span id="pr"></span> <div id="scrollers"> <div id="bbpanel"> <center> <script type='text/javascript' src='/apo/bbcodes.js'></script> <script src="/apo/apoCH.js"></script> </center> </div> <div id="Смайлы" class="ap3p"><script src="/apo/apoSM.js"></script></div> <div class="seemymes"></div><div id="chedit"></div><div id="cht"><center><img src="/apo/i3.gif" border="0" width="150px" /></center></div> </div> <table width="100%"> <td width="25px"><img name="hider" title="Обновить" width="25px" src="/apo/2.png" onclick="reloader();" /></td> <td width="25px"> <img name="hider" title="Смайлы" width="25px" src="/apo/1.png" id="smile1" /></td> <td width="25px"> <img name="hider" title="ВВ коды" width="25px" src="/apo/bbc.png" id="bbc" /></td> <td width="25px"> <img name="hider" title="Дополнительно" width="25px" src="/apo/set.png" id="setter"/> <div class="setall"> <table> <tr> <td height="27px" width="25px"> <img title="Управление сообщениями" width="25px" src="/apo/3.png" id="edit1" /> <img title="Скрыть управление сообщениями" width="25px" src="/apo/3.png" style="display:none;opacity:0.5;" id="edit2" /> </td> </tr> <tr> <td width="25px"> <img src="/apo/prof.png" width="25px" title="Отобрать сообщения, адресованные мне" id="mymess" /> </td> </tr> <tr> <td width="25px"> <img name="hider" src="/apo/whon.png" width="25px" title="Показать список онлайн пользователей" id="ounshow" /> </td> </tr> <tr> <td width="25px"> <img name="hider" src="/apo/soundon.png" width="25px" title="Звуки включены. Клик для отключения" id="muzicon" /> <img style="display:none;" src="/apo/soundoff.png" width="25px" title="Звуки отключены. Клик для включения" id="muzicoff" /> </td> </tr> </table> </div> </td> <td><div title="Индикатор обновления" id="rel">Обновлено</div></td> </table> $CHAT_BOX$ <div title="Клик по профилю для его закрытия" class="mpr" id="loadp"><img src="/apo/ajax-loader.gif" /></div> <!-- </bc> --></div></div> </div> <script type="text/javascript"> var addb = $('div#chaddf').html(); var integ = $('div#cht'); var edit1 = $('div#chedit'); var bedit = $('#edit1'); var beditc = $('#edit2'); function show_profile(uid) { window.open('/index/8-'+uid); return false; } function edit_rec(id) { new _uWnd('Ie','Редактирование комментария',-430,-150,{autosize:1,closeonesc:1,resize:0},{url:'/mchat/'+id+'-5'}); return false; } function del_rec(id) { _entrRem('dib'+id,'/mchat/'+id+'-7-'+delres+'','','Вы подтверждаете удаление?'); return false; } $('#rimg').click(function() { $('#rell').load('/index/8 #onu', function() { oul.fadeTo(300, 0.5).fadeTo(300, 0.8); }); }); $('#dels').load('/index/14-0-0-1 input[name=ssid]', function() { delres = $('input[name=ssid]').val(); }); var setall = $('.setall'); $('#setter').toggle(function() { setall.fadeIn(500); }, function() { setall.fadeOut(500); }); function reloader() { integ.load('/mchat div.cBlock', function() { var per2 = $('.cMessage:first').text(); $('#per2').text(per2); if(per2 == $('#per1').text()) { } else { $('div#flash2').fadeIn(0).fadeOut(2000); var per1 = $('#per1').text(per2); } var cb = $('div.cMessage'); integ.fadeOut(0).fadeIn(500); $('#rel').stop().fadeTo(500, 1); setTimeout(function() { $('#rel').stop().fadeTo(500, 0); }, 1000); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); edit1.fadeOut(0);beditc.fadeOut(0);bedit.fadeIn(500); }); } $('#smile1').toggle(function() { $('#bbpanel').fadeOut(500); $("#bbc").hide(300); $('.ap3p').slideDown(500); }, function() { $('.ap3p').slideUp(500, function() { $("#bbc").show(500); }); }); $("#bbc").toggle(function() { $('#smile1').hide(300); $('#Смайлы').fadeOut(500); $('#bbpanel').slideDown(500); }, function() { $('#bbpanel').slideUp(500, function() { $('#smile1').show(500); }); }); $('#mymess').toggle(function() { bedit.fadeOut(300); $('.seemymes').load('/mchat div.cBlock', function() { $('img[name=hider]').fadeTo(500, 0.5); var cb = $('div.cMessage'); $(this).fadeIn(500); cb.fadeTo(500, 0.1); cb.each(function() { $(this).prev().fadeTo(500, 0.1); }); $('div.cMessage:contains("$USERNAME$")').fadeTo(500, 1); $('div.cMessage:contains("$USERNAME$")').prev().fadeTo(500, 1); }); }, function() { $('img[name=hider]').fadeTo(500, 1); bedit.fadeIn(300); $('.seemymes').fadeOut(500); $('div.cMessage').fadeTo(500, 1); $('div.cMessage').prev().fadeTo(500, 1); }); var ous = $('#ounshow'); var oul = $('.oulist'); ous.toggle(function() { $(this).fadeTo(300, 0.5); oul.fadeIn(500, function() { setTimeout(function() { $('#rimg').fadeIn(500); }, 500); }); $('#rell').load('/index/8 #onu'); setInterval(function() { $('#rell').load('/index/8 #onu', function() { oul.fadeTo(500, 0.5).fadeTo(500, 1); }); }, 60000); }, function() { ous.fadeTo(500, 1); oul.fadeOut(500); }); var mon = $('#muzicon'), moff = $('#muzicoff'), fl1 = $('#flash'), fl2 = $('#flash2'); mon.click(function() { fl1.attr('id', 'f1'); fl2.attr('id', 'f2'); mon.fadeOut(0, function() { moff.fadeIn(300); }); }); moff.click(function() { $('#f1').attr('id', 'flash'); $('#f2').attr('id', 'flash2'); moff.fadeOut(0, function() { mon.fadeIn(300); }); }); $('iframe#mchatIfm2').hide(0); $('#MCaddFrm table:first').hide(0); integ.load('/mchat div.cBlock', function() { var per1 = $('.cMessage:first').text(); $('#per1').text(per1); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); }); bedit.click(function() { edit1.load('/mchat/0-1 div.contentBg', function() { integ.fadeOut(0);bedit.fadeOut(0);edit1.fadeOut(0).fadeIn(500);beditc.fadeIn(500); beditc.click(function() { setTimeout (function() { integ.load('/mchat div.cBlock', function() { edit1.fadeOut(0);integ.fadeIn(500);beditc.fadeOut(0);bedit.fadeIn(500); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); }, 500); }); }); }); }); setInterval(function() { integ.load('/mchat div.cBlock', function() { var per2 = $('.cMessage:first').text(); $('#per2').text(per2); if(per2 == $('#per1').text()) { } else { $('div#flash2').html('<embed type="application/x-shockwave-flash" src="http://s51.ucoz.net/flash/audio1.swf?song_url=/apo/nm.mp3&autoplay=1&loop=0" width="0" height="0" />'); var per1 = $('#per1').text(per2); } $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); $('#rel').stop().fadeTo(500, 1); setTimeout(function() { $('#rel').stop().fadeTo(500, 0); }, 1000); }); }, 20000); $('#mchatBtn').click(function() { setTimeout(function() { integ.load('/mchat div.cBlock', function() { $('div#flash').html('<embed type="application/x-shockwave-flash" src="http://s51.ucoz.net/flash/audio1.swf?song_url=/apo/mm.mp3&autoplay=1&loop=0" width="0" height="0" />'); var per2 = $('.cMessage:first').text(); var per1 = $('#per1').text(per2); $('#dels').load('/index/14-0-0-1 input[name=ssid]', function() { delres = $('input[name=ssid]').val(); }); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); integ.fadeOut(0).fadeIn(500);edit1.fadeOut(0);beditc.fadeOut(0);bedit.fadeIn(500); }); }, 1000); }); $("#mchatMsgF").bind("keydown",function(e){if(e.keyCode==13 && e.ctrlKey && !e.shiftKey){ setTimeout(function() { integ.load('/mchat div.cBlock', function() { $('div#flash').html('<embed type="application/x-shockwave-flash" src="http://s51.ucoz.net/flash/audio1.swf?song_url=/apo/mm.mp3&autoplay=1&loop=0" width="0" height="0" />'); var per2 = $('.cMessage:first').text(); var per1 = $('#per1').text(per2); $('#dels').load('/index/14-0-0-1 input[name=ssid]', function() { delres = $('input[name=ssid]').val(); }); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); integ.fadeOut(0).fadeIn(500);edit1.fadeOut(0);beditc.fadeOut(0);bedit.fadeIn(500); }); }, 1000); }}); </script>
Скачать Скрипт установлен и вам осталось лишь залить все файлы из прикреплённого архива в папку apo, которую необходимо создать в корне файлового менеджера
Сообщение оставлено 20.06.2011 в 16:12:34 | Сообщение #
1
Poker*Chudo*
Сообщения: 2111
Особенности: [Designer] 1) Всё работает в тихом режиме на ajax запросах 2) Работает на всех типах дизайнов 3) Уникальный вид ВВ кодов + смайлов 4) Быстрое редактирование материалов в том же окне чата 5) Возможность включения онлайн статистики (Автообновление каждую минуту + возможность обновлять вручную) 6) Мини-профили пользователей чата в модальных окнах 7) Возможность просмотра сообщений, адресованных именно вам 8) Звуки при отправке + при новых сообщениях + возможность отключения звуков (Пока что без запоминания) 9) Автообновление каждые 20 секунд 10) Уникальный вид добавления сообщений [/Designer] Установка: 1) На персональной странице пользователя в самый верх вставляйте: Code
<span style="display:none;"> <div id="loader"> <span id="ava"><a title="Клик для перехода в профиль" href="/index/8-$_USER_ID$" target="_blank"><?if($_AVATAR$)?>$_AVATAR$<?else?><img src="/images/noavatar.png" border="0"><?endif?></a></span> [<?if($_STATUS$)?>$_STATUS$<?else?><font color="green">Olnine</font><?endif?>] <b>Группа:</b> $_GROUP_NAME$<br><br> <?if($_NAME$)?><b>Имя:</b> $_NAME$<br><?endif?> <b>Добавлено файлов:</b> <a href="$_LOAD_ACTIVITY_URL$" target="_blank">$_LOAD_ENTRIES$</a><br> <b>Оставлено комментариев:</b> $_COM_ENTRIES$<br> <b>Последний раз был на сайте:</b><br>$_LOG_TIME$ </div> <div id="onu">$ONLINE_USERS_LIST$</div> </span>
2) Вид материалов мини-чата: Code
<div class="cBlock" style="padding:0 4px 5px 2px;margin-bottom:3px;"> <div style="float:right;font-size:8px;" title="$DATE$">$TIME$</div> <div style="text-align:left;"> <?if($USERNAME$)?><a href="javascript://" title="Мини-профиль $USERNAME$" rel="nofollow"><img id="prof" md="$USER_ID$" src="http://s36.ucoz.net/img/icon/profile.png" width="13" border="0" style="vertical-align:-2px"/></a> <?endif?> <a id="user" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus(); parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><b id="name">$NAME$</b></a> <?if($EMAIL$)?> <a href="$EMAIL_JS$" title="$STR_EMAIL$">E</a><?endif?> <?if($SITE$)?> <a rel="nofollow" href="$SITE$" target="_blank" title="$STR_URL$">W</a><?endif?> </div> <div class="cMessage" style="text-align:left;">$MESSAGE$</div> <?if($CUSTOM1$)?><br>$STR_CUSTOM1$: $CUSTOM1$<?endif?> <?if($CUSTOM2$)?><br>$STR_CUSTOM2$: $CUSTOM2$<?endif?> </div>
Следующим кодом замените (Как правило в правом или левом глобальном блоке) на: A) Для тёмных дизайнов:
<style> #bbpanel {width:100%;opacity:0.95;display:none;position:absolute;z-index:20;background:#333;box-shadow:0px 4px 10px #000;padding:5px;} .ap3p {width:auto;opacity:0.95;display:none;position:absolute;z-index:20;background:#333;box-shadow:0px 4px 10px #000;padding:5px;} .setall {margin-top:-25px;margin-left:30px;width:30px;height:115px;position:absolute;border-radius:5px;z-index:35;background:#444;border:3px solid #555;opacity:0.95;padding:5px 5px 10px 5px;display:none;} .oulist {z-index:100;text-align:center;display:none;left:50%;margin-left:-150px;color:#eee;position:fixed;top:0;padding:25px 15px 15px 15px;width:300px;background:#555;opacity:0.9;border:5px solid #666;box-shadow:0px 2px 3px #222;border-radius:0px 0px 5px 5px;} .seemymes {width:auto;display:none;position:absolute;z-index:37;background:#555;} img.codeButtons {border:0} .xw-mc {background:none;border:0;} div img {cursor:pointer} #scrollers {width:auto; height:300px; overflow-x:hidden;position:relative;z-index:15;background:#555;} .prblock {position:absolute;width:150px;height:150px;border-radius:0 10px 10px 0;box-shadow:1px 1px 5px #555;background:fff;z-index:100;opacity:0.85;margin-left:180px;padding:10px;} #nnn {z-index:100;position:absolute;background:#fff;border:1px dashed #999;opacity:0.9;margin-left:120px;height:300px;overflow-x:hidden;} .mpr {left:50%;top:50%;z-index:110;position:fixed;margin-left:-140px;margin-top:-70px;width:280px;height:140px;border-radius:5px;z-index:35;background:#444;border:3px solid #555;box-shadow:0px 1px 2px #222;opacity:0.95;padding:20px 0 0 50px;display:none;} #rel {color:green;font-weight:bold;font-size:9px;vertical-align:2px;opacity:0;} #ava img {width:30px;} div.cBlock {color:#ccc;background: url("/apo/gradient-bgb.svg");filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#555');background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#555));background: -moz-linear-gradient(top, #666, #555); } </style> <div style="display:none;" id="per1"></div> <div style="display:none;" id="per2"></div> <div id="dels"></div> <div id="flash" style="position:absolute;top:-1000;z-index:-10;"> </div> <div id="flash2" style="position:absolute;top:-1000;z-index:-10;"> </div> <div class="oulist"><table><td width="12px"><img title="Обновить статистику" src="/apo/27.png" style="display:none;cursor:pointer;" width="12px" id="rimg" /></td><td><span id="rell"><img src="/apo/i3.gif" border="0" width="150px" /></span></td></table></div> <span id="pr"></span> <div id="scrollers"> <div id="bbpanel"> <center> <script type='text/javascript' src='/apo/bbcodes.js'></script> <script src="/apo/bapoCH.js"></script> </center> </div> <div id="Смайлы" class="ap3p"><script src="/apo/apoSM.js"></script></div> <div class="seemymes"></div><div id="chedit"></div><div id="cht"><center><img src="/apo/i3.gif" border="0" width="150px" /></center></div> </div> <table width="100%"> <td width="25px"><img name="hider" title="Обновить" width="25px" src="/apo/b2.png" onclick="reloader();" /></td> <td width="25px"> <img name="hider" title="Смайлы" width="25px" src="/apo/b1.png" id="smile1" /></td> <td width="25px"> <img name="hider" title="ВВ коды" width="25px" src="/apo/bbbc.png" id="bbc" /></td> <td width="25px"> <img name="hider" title="Дополнительно" width="25px" src="/apo/bset.png" id="setter"/> <div class="setall"> <table> <tr> <td height="27px" width="25px"> <img title="Управление сообщениями" width="25px" src="/apo/b3.png" id="edit1" /> <img title="Скрыть управление сообщениями" width="25px" src="/apo/b3.png" style="display:none;opacity:0.5;" id="edit2" /> </td> </tr> <tr> <td width="25px"> <img src="/apo/bprof.png" width="25px" title="Отобрать сообщения, адресованные мне" id="mymess" /> </td> </tr> <tr> <td width="25px"> <img name="hider" src="/apo/bwhon.png" width="25px" title="Показать список онлайн пользователей" id="ounshow" /> </td> </tr> <tr> <td width="25px"> <img name="hider" src="/apo/bsoundon.png" width="25px" title="Звуки включены. Клик для отключения" id="muzicon" /> <img style="display:none;" src="/apo/bsoundoff.png" width="25px" title="Звуки отключены. Клик для включения" id="muzicoff" /> </td> </tr> </table> </div> </td> <td><div title="Индикатор обновления" id="rel">Обновлено</div></td> </table> $CHAT_BOX$ <div title="Клик по профилю для его закрытия" class="mpr" id="loadp"><img src="/apo/ajax-loader.gif" /></div> <!-- </bc> --></div></div> </div> <script type="text/javascript"> var addb = $('div#chaddf').html(); var integ = $('div#cht'); var edit1 = $('div#chedit'); var bedit = $('#edit1'); var beditc = $('#edit2'); function show_profile(uid) { window.open('/index/8-'+uid); return false; } function edit_rec(id) { new _uWnd('Ie','Редактирование комментария',-430,-150,{autosize:1,closeonesc:1,resize:0},{url:'/mchat/'+id+'-5'}); return false; } function del_rec(id) { _entrRem('dib'+id,'/mchat/'+id+'-7-'+delres+'','','Вы подтверждаете удаление?'); return false; } $('#rimg').click(function() { $('#rell').load('/index/8 #onu', function() { oul.fadeTo(300, 0.5).fadeTo(300, 0.8); }); }); $('#dels').load('/index/14-0-0-1 input[name=ssid]', function() { delres = $('input[name=ssid]').val(); }); var setall = $('.setall'); $('#setter').toggle(function() { setall.fadeIn(500); }, function() { setall.fadeOut(500); }); function reloader() { integ.load('/mchat div.cBlock', function() { var per2 = $('.cMessage:first').text(); $('#per2').text(per2); if(per2 == $('#per1').text()) { } else { $('div#flash2').fadeIn(0).fadeOut(2000); var per1 = $('#per1').text(per2); } var cb = $('div.cMessage'); integ.fadeOut(0).fadeIn(500); $('#rel').stop().fadeTo(500, 1); setTimeout(function() { $('#rel').stop().fadeTo(500, 0); }, 1000); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); edit1.fadeOut(0);beditc.fadeOut(0);bedit.fadeIn(500); }); } $('#smile1').toggle(function() { $('#bbpanel').fadeOut(500); $("#bbc").hide(300); $('.ap3p').slideDown(500); }, function() { $('.ap3p').slideUp(500, function() { $("#bbc").show(500); }); }); $("#bbc").toggle(function() { $('#smile1').hide(300); $('#Смайлы').fadeOut(500); $('#bbpanel').slideDown(500); }, function() { $('#bbpanel').slideUp(500, function() { $('#smile1').show(500); }); }); $('#mymess').toggle(function() { bedit.fadeOut(300); $('.seemymes').load('/mchat div.cBlock', function() { $('img[name=hider]').fadeTo(500, 0.5); var cb = $('div.cMessage'); $(this).fadeIn(500); cb.fadeTo(500, 0.1); cb.each(function() { $(this).prev().fadeTo(500, 0.1); }); $('div.cMessage:contains("$USERNAME$")').fadeTo(500, 1); $('div.cMessage:contains("$USERNAME$")').prev().fadeTo(500, 1); }); }, function() { $('img[name=hider]').fadeTo(500, 1); bedit.fadeIn(300); $('.seemymes').fadeOut(500); $('div.cMessage').fadeTo(500, 1); $('div.cMessage').prev().fadeTo(500, 1); }); var ous = $('#ounshow'); var oul = $('.oulist'); ous.toggle(function() { $(this).fadeTo(300, 0.5); oul.fadeIn(500, function() { setTimeout(function() { $('#rimg').fadeIn(500); }, 500); }); $('#rell').load('/index/8 #onu'); setInterval(function() { $('#rell').load('/index/8 #onu', function() { oul.fadeTo(500, 0.5).fadeTo(500, 1); }); }, 60000); }, function() { ous.fadeTo(500, 1); oul.fadeOut(500); }); var mon = $('#muzicon'), moff = $('#muzicoff'), fl1 = $('#flash'), fl2 = $('#flash2'); mon.click(function() { fl1.attr('id', 'f1'); fl2.attr('id', 'f2'); mon.fadeOut(0, function() { moff.fadeIn(300); }); }); moff.click(function() { $('#f1').attr('id', 'flash'); $('#f2').attr('id', 'flash2'); moff.fadeOut(0, function() { mon.fadeIn(300); }); }); $('iframe#mchatIfm2').hide(0); $('#MCaddFrm table:first').hide(0); integ.load('/mchat div.cBlock', function() { var per1 = $('.cMessage:first').text(); $('#per1').text(per1); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); }); bedit.click(function() { edit1.load('/mchat/0-1 div.contentBg', function() { integ.fadeOut(0);bedit.fadeOut(0);edit1.fadeOut(0).fadeIn(500);beditc.fadeIn(500); beditc.click(function() { setTimeout (function() { integ.load('/mchat div.cBlock', function() { edit1.fadeOut(0);integ.fadeIn(500);beditc.fadeOut(0);bedit.fadeIn(500); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); }, 500); }); }); }); }); setInterval(function() { integ.load('/mchat div.cBlock', function() { var per2 = $('.cMessage:first').text(); $('#per2').text(per2); if(per2 == $('#per1').text()) { } else { $('div#flash2').html('<embed type="application/x-shockwave-flash" src="http://s51.ucoz.net/flash/audio1.swf?song_url=/apo/nm.mp3&autoplay=1&loop=0" width="0" height="0" />'); var per1 = $('#per1').text(per2); } $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); $('#rel').stop().fadeTo(500, 1); setTimeout(function() { $('#rel').stop().fadeTo(500, 0); }, 1000); }); }, 20000); $('#mchatBtn').click(function() { setTimeout(function() { integ.load('/mchat div.cBlock', function() { var per2 = $('.cMessage:first').text(); var per1 = $('#per1').text(per2); $('#dels').load('/index/14-0-0-1 input[name=ssid]', function() { delres = $('input[name=ssid]').val(); }); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); $('div#flash').html('<embed type="application/x-shockwave-flash" src="http://s51.ucoz.net/flash/audio1.swf?song_url=/apo/mm.mp3&autoplay=1&loop=0" width="0" height="0" />'); integ.fadeOut(0).fadeIn(500);edit1.fadeOut(0);beditc.fadeOut(0);bedit.fadeIn(500); }); }, 1000); }); $("#mchatMsgF").bind("keydown",function(e){if(e.keyCode==13 && e.ctrlKey && !e.shiftKey){ setTimeout(function() { integ.load('/mchat div.cBlock', function() { var per2 = $('.cMessage:first').text(); var per1 = $('#per1').text(per2); $('#dels').load('/index/14-0-0-1 input[name=ssid]', function() { delres = $('input[name=ssid]').val(); }); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); $('div#flash').html('<embed type="application/x-shockwave-flash" src="http://s51.ucoz.net/flash/audio1.swf?song_url=/apo/mm.mp3&autoplay=1&loop=0" width="0" height="0" />'); integ.fadeOut(0).fadeIn(500);edit1.fadeOut(0);beditc.fadeOut(0);bedit.fadeIn(500); }); }, 1000); }}); </script>
Б) Для светлых дизайнов:
<style> #bbpanel {width:100%;opacity:0.95;display:none;position:absolute;z-index:20;background:#ddd;box-shadow:0px 4px 10px #444;padding:5px;} .ap3p {width:auto;opacity:0.95;display:none;position:absolute;z-index:20;background:#ddd;box-shadow:0px 4px 10px #444;padding:5px;} .setall {margin-top:-25px;margin-left:30px;width:30px;height:115px;position:absolute;border-radius:5px;z-index:35;background:#ddd;border:3px solid #ccc;opacity:0.95;padding:5px 5px 10px 5px;display:none;} .oulist {z-index:100;text-align:center;display:none;left:50%;margin-left:-150px;color:#eee;position:fixed;top:0;padding:25px 15px 15px 15px;width:300px;background:#ddd;opacity:0.9;border:5px solid #ccc;box-shadow:0px 2px 3px #444;border-radius:0px 0px 5px 5px;} .seemymes {width:auto;display:none;position:absolute;z-index:37;background:#eee;} img.codeButtons {border:0} .xw-mc {background:none;border:0;} div img {cursor:pointer} #scrollers {width:auto; height:300px; overflow-x:hidden;position:relative;z-index:15;background:#eee;} .prblock {position:absolute;width:150px;height:150px;border-radius:0 10px 10px 0;box-shadow:1px 1px 5px #444;background:ddd;z-index:100;opacity:0.85;margin-left:180px;padding:10px;} #nnn {z-index:100;position:absolute;background:#ddd;border:1px dashed #ccc;opacity:0.9;margin-left:120px;height:300px;overflow-x:hidden;} .mpr {left:50%;top:50%;z-index:110;position:fixed;margin-left:-140px;margin-top:-70px;width:280px;height:140px;border-radius:5px;z-index:35;background:#ddd;border:3px solid #ccc;box-shadow:0px 1px 2px #444;opacity:0.95;padding:20px 0 0 50px;display:none;} #rel {color:green;font-weight:bold;font-size:9px;vertical-align:2px;opacity:0;} #ava img {width:30px;} div.cBlock {color:#333;background: url("/apo/gradient-bg.svg");filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#eee');background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));background: -moz-linear-gradient(top, #fff, #eee); } </style> <div style="display:none;" id="per1"></div> <div style="display:none;" id="per2"></div> <div id="dels"></div> <div id="flash" style="position:absolute;top:-1000;z-index:-10;"> </div> <div id="flash2" style="position:absolute;top:-1000;z-index:-10;"> </div> <div class="oulist"><table><td width="12px"><img title="Обновить статистику" src="/apo/27.png" style="display:none;cursor:pointer;" width="12px" id="rimg" /></td><td><span id="rell"><img src="/apo/i3.gif" border="0" width="150px" /></span></td></table></div> <span id="pr"></span> <div id="scrollers"> <div id="bbpanel"> <center> <script type='text/javascript' src='/apo/bbcodes.js'></script> <script src="/apo/apoCH.js"></script> </center> </div> <div id="Смайлы" class="ap3p"><script src="/apo/apoSM.js"></script></div> <div class="seemymes"></div><div id="chedit"></div><div id="cht"><center><img src="/apo/i3.gif" border="0" width="150px" /></center></div> </div> <table width="100%"> <td width="25px"><img name="hider" title="Обновить" width="25px" src="/apo/2.png" onclick="reloader();" /></td> <td width="25px"> <img name="hider" title="Смайлы" width="25px" src="/apo/1.png" id="smile1" /></td> <td width="25px"> <img name="hider" title="ВВ коды" width="25px" src="/apo/bbc.png" id="bbc" /></td> <td width="25px"> <img name="hider" title="Дополнительно" width="25px" src="/apo/set.png" id="setter"/> <div class="setall"> <table> <tr> <td height="27px" width="25px"> <img title="Управление сообщениями" width="25px" src="/apo/3.png" id="edit1" /> <img title="Скрыть управление сообщениями" width="25px" src="/apo/3.png" style="display:none;opacity:0.5;" id="edit2" /> </td> </tr> <tr> <td width="25px"> <img src="/apo/prof.png" width="25px" title="Отобрать сообщения, адресованные мне" id="mymess" /> </td> </tr> <tr> <td width="25px"> <img name="hider" src="/apo/whon.png" width="25px" title="Показать список онлайн пользователей" id="ounshow" /> </td> </tr> <tr> <td width="25px"> <img name="hider" src="/apo/soundon.png" width="25px" title="Звуки включены. Клик для отключения" id="muzicon" /> <img style="display:none;" src="/apo/soundoff.png" width="25px" title="Звуки отключены. Клик для включения" id="muzicoff" /> </td> </tr> </table> </div> </td> <td><div title="Индикатор обновления" id="rel">Обновлено</div></td> </table> $CHAT_BOX$ <div title="Клик по профилю для его закрытия" class="mpr" id="loadp"><img src="/apo/ajax-loader.gif" /></div> <!-- </bc> --></div></div> </div> <script type="text/javascript"> var addb = $('div#chaddf').html(); var integ = $('div#cht'); var edit1 = $('div#chedit'); var bedit = $('#edit1'); var beditc = $('#edit2'); function show_profile(uid) { window.open('/index/8-'+uid); return false; } function edit_rec(id) { new _uWnd('Ie','Редактирование комментария',-430,-150,{autosize:1,closeonesc:1,resize:0},{url:'/mchat/'+id+'-5'}); return false; } function del_rec(id) { _entrRem('dib'+id,'/mchat/'+id+'-7-'+delres+'','','Вы подтверждаете удаление?'); return false; } $('#rimg').click(function() { $('#rell').load('/index/8 #onu', function() { oul.fadeTo(300, 0.5).fadeTo(300, 0.8); }); }); $('#dels').load('/index/14-0-0-1 input[name=ssid]', function() { delres = $('input[name=ssid]').val(); }); var setall = $('.setall'); $('#setter').toggle(function() { setall.fadeIn(500); }, function() { setall.fadeOut(500); }); function reloader() { integ.load('/mchat div.cBlock', function() { var per2 = $('.cMessage:first').text(); $('#per2').text(per2); if(per2 == $('#per1').text()) { } else { $('div#flash2').fadeIn(0).fadeOut(2000); var per1 = $('#per1').text(per2); } var cb = $('div.cMessage'); integ.fadeOut(0).fadeIn(500); $('#rel').stop().fadeTo(500, 1); setTimeout(function() { $('#rel').stop().fadeTo(500, 0); }, 1000); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); edit1.fadeOut(0);beditc.fadeOut(0);bedit.fadeIn(500); }); } $('#smile1').toggle(function() { $('#bbpanel').fadeOut(500); $("#bbc").hide(300); $('.ap3p').slideDown(500); }, function() { $('.ap3p').slideUp(500, function() { $("#bbc").show(500); }); }); $("#bbc").toggle(function() { $('#smile1').hide(300); $('#Смайлы').fadeOut(500); $('#bbpanel').slideDown(500); }, function() { $('#bbpanel').slideUp(500, function() { $('#smile1').show(500); }); }); $('#mymess').toggle(function() { bedit.fadeOut(300); $('.seemymes').load('/mchat div.cBlock', function() { $('img[name=hider]').fadeTo(500, 0.5); var cb = $('div.cMessage'); $(this).fadeIn(500); cb.fadeTo(500, 0.1); cb.each(function() { $(this).prev().fadeTo(500, 0.1); }); $('div.cMessage:contains("$USERNAME$")').fadeTo(500, 1); $('div.cMessage:contains("$USERNAME$")').prev().fadeTo(500, 1); }); }, function() { $('img[name=hider]').fadeTo(500, 1); bedit.fadeIn(300); $('.seemymes').fadeOut(500); $('div.cMessage').fadeTo(500, 1); $('div.cMessage').prev().fadeTo(500, 1); }); var ous = $('#ounshow'); var oul = $('.oulist'); ous.toggle(function() { $(this).fadeTo(300, 0.5); oul.fadeIn(500, function() { setTimeout(function() { $('#rimg').fadeIn(500); }, 500); }); $('#rell').load('/index/8 #onu'); setInterval(function() { $('#rell').load('/index/8 #onu', function() { oul.fadeTo(500, 0.5).fadeTo(500, 1); }); }, 60000); }, function() { ous.fadeTo(500, 1); oul.fadeOut(500); }); var mon = $('#muzicon'), moff = $('#muzicoff'), fl1 = $('#flash'), fl2 = $('#flash2'); mon.click(function() { fl1.attr('id', 'f1'); fl2.attr('id', 'f2'); mon.fadeOut(0, function() { moff.fadeIn(300); }); }); moff.click(function() { $('#f1').attr('id', 'flash'); $('#f2').attr('id', 'flash2'); moff.fadeOut(0, function() { mon.fadeIn(300); }); }); $('iframe#mchatIfm2').hide(0); $('#MCaddFrm table:first').hide(0); integ.load('/mchat div.cBlock', function() { var per1 = $('.cMessage:first').text(); $('#per1').text(per1); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); }); bedit.click(function() { edit1.load('/mchat/0-1 div.contentBg', function() { integ.fadeOut(0);bedit.fadeOut(0);edit1.fadeOut(0).fadeIn(500);beditc.fadeIn(500); beditc.click(function() { setTimeout (function() { integ.load('/mchat div.cBlock', function() { edit1.fadeOut(0);integ.fadeIn(500);beditc.fadeOut(0);bedit.fadeIn(500); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); }, 500); }); }); }); }); setInterval(function() { integ.load('/mchat div.cBlock', function() { var per2 = $('.cMessage:first').text(); $('#per2').text(per2); if(per2 == $('#per1').text()) { } else { $('div#flash2').html('<embed type="application/x-shockwave-flash" src="http://s51.ucoz.net/flash/audio1.swf?song_url=/apo/nm.mp3&autoplay=1&loop=0" width="0" height="0" />'); var per1 = $('#per1').text(per2); } $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); $('#rel').stop().fadeTo(500, 1); setTimeout(function() { $('#rel').stop().fadeTo(500, 0); }, 1000); }); }, 20000); $('#mchatBtn').click(function() { setTimeout(function() { integ.load('/mchat div.cBlock', function() { $('div#flash').html('<embed type="application/x-shockwave-flash" src="http://s51.ucoz.net/flash/audio1.swf?song_url=/apo/mm.mp3&autoplay=1&loop=0" width="0" height="0" />'); var per2 = $('.cMessage:first').text(); var per1 = $('#per1').text(per2); $('#dels').load('/index/14-0-0-1 input[name=ssid]', function() { delres = $('input[name=ssid]').val(); }); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); integ.fadeOut(0).fadeIn(500);edit1.fadeOut(0);beditc.fadeOut(0);bedit.fadeIn(500); }); }, 1000); }); $("#mchatMsgF").bind("keydown",function(e){if(e.keyCode==13 && e.ctrlKey && !e.shiftKey){ setTimeout(function() { integ.load('/mchat div.cBlock', function() { $('div#flash').html('<embed type="application/x-shockwave-flash" src="http://s51.ucoz.net/flash/audio1.swf?song_url=/apo/mm.mp3&autoplay=1&loop=0" width="0" height="0" />'); var per2 = $('.cMessage:first').text(); var per1 = $('#per1').text(per2); $('#dels').load('/index/14-0-0-1 input[name=ssid]', function() { delres = $('input[name=ssid]').val(); }); $('img#prof').click(function() { var aq = $('img#prof'); var aa1 = $(this).attr('md'); $('.mpr').fadeIn(500); $('div#loadp').load('index/8-'+aa1+' #loader', function() { $('#loader').fadeOut(0).fadeIn(1000); }); }); $('.mpr').click(function() { $(this).fadeOut(500); $('#loader').fadeOut(500); }); integ.fadeOut(0).fadeIn(500);edit1.fadeOut(0);beditc.fadeOut(0);bedit.fadeIn(500); }); }, 1000); }}); </script>
Скачать Скрипт установлен и вам осталось лишь залить все файлы из прикреплённого архива в папку apo, которую необходимо создать в корне файлового менеджера Подпись пользователя: