StikS | Дата: Четверг, 23.06.2011, 12:28 | Сообщение # 1 |
|
Группа: Пользователи
Сообщений: 18
|
|
Скрины: Установка:
[Table]1) На персональной странице пользователя в самый верх вставляйте: [/Table] 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> [Table]2) Вид материалов мини-чата: [/Table] 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> [Table]Следующим кодом замените $CHAT_BOX$ (Как правило в правом или левом глобальном блоке) на: [/Table]
A) Для тёмных дизайнов:
Code <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> Добавлено (23.06.2011, 12:28) --------------------------------------------- Скрипт установлен и вам осталось лишь залить все файлы из прикреплённого архива в папку apo, которую необходимо создать в корне файлового менеджера [Table]Скачать[/Table]
Сообщение отредактировал StikS - Четверг, 23.06.2011, 12:15 |
|
| |