Скрипты для ucoz - Новая модер-панель
Наскучила стандартная модер-панель? Тогда Вы не зря зашли сюда). Скрипт меняет всем надоевшую модер панель на более красивую и функциональную, вот такие вот пироги). Код очень простой, и при желании Вы всегда сможете придать МП любой вид, установка также не должна доставить трудностей.
Установка:
Первым делом на всех страницах сайта где есть модер-панель (либо в глобальном блоке), перед < /body> ставим:
Code
<script type="text/javascript" src="http://ucoz-world.3dn.ru/script/moderpanel_kalternovai_moder_panel.js"></script>
Далее идем в "вид материалов", и меняем $MODER_PANEL$ на:
Code
<div id="uMpanel">$MODER_PANEL$<div id="uClose$ID$"><img class="mp" src="http://ucoz-world.3dn.ru/script/delete_com.png"></div> </div>
А в самый низ (вид материалов):
Code
<style>
.mp { height:22px; width:24px; display:block; position:absolute; opacity: 0; left:0px; top:0px; z-index:15; opacity:1; }
.modp{width:15px;height:18px; display:block; position:absolute; opacity: 0; left:0px; top:0px; z-index:15; opacity:1;}
#ued {left: 0px;top: -30px;}
#dib$ID$ {left: 30px;}
#aib$ID${left: 50px;}
#uTag {left: -30px;}
#uStat {left: 0px;top:30px;}
#uMpanel {position:relative;}
#uClose$ID${display: none;}
#mn$ID$, img[src="http://ucoz-world.3dn.ru/script/Emn.gif"] {display: none;}
</style>
<script>
$("#uClose$ID$").click(function (){
$("#uClose$ID$").css("display", "none");
$("#mn$ID$").animate({opacity: "0"},1000)
.css("display", "none");
$("#modp$ID$").delay(500).fadeIn();
});
function mod$ID$() {
$("#mn$ID$").animate({opacity: "1"},1000).fadeIn();
$("#uClose$ID$").delay(500).fadeIn();
$("#modp$ID$").fadeOut();
};
$("img[src*='fr/EmnAR_.gif']")
.attr("src","http://ucoz-world.3dn.ru/script/thread_novai_moder_panel.gif")
.attr('onclick', 'mod$ID$()')
.attr('class','modp')
.attr('id','modp$ID$');
$("img[src*='fr/EmnAR.gif']")
.attr("src","http://ucoz-world.3dn.ru/script/thread_novai_moder_panel.gif")
.attr('onclick', 'mod$ID$()')
.attr('class','modp')
.attr('id','modp$ID$');
</script>
.mp { height:22px; width:24px; display:block; position:absolute; opacity: 0; left:0px; top:0px; z-index:15; opacity:1; }
.modp{width:15px;height:18px; display:block; position:absolute; opacity: 0; left:0px; top:0px; z-index:15; opacity:1;}
#ued {left: 0px;top: -30px;}
#dib$ID$ {left: 30px;}
#aib$ID${left: 50px;}
#uTag {left: -30px;}
#uStat {left: 0px;top:30px;}
#uMpanel {position:relative;}
#uClose$ID${display: none;}
#mn$ID$, img[src="http://ucoz-world.3dn.ru/script/Emn.gif"] {display: none;}
</style>
<script>
$("#uClose$ID$").click(function (){
$("#uClose$ID$").css("display", "none");
$("#mn$ID$").animate({opacity: "0"},1000)
.css("display", "none");
$("#modp$ID$").delay(500).fadeIn();
});
function mod$ID$() {
$("#mn$ID$").animate({opacity: "1"},1000).fadeIn();
$("#uClose$ID$").delay(500).fadeIn();
$("#modp$ID$").fadeOut();
};
$("img[src*='fr/EmnAR_.gif']")
.attr("src","http://ucoz-world.3dn.ru/script/thread_novai_moder_panel.gif")
.attr('onclick', 'mod$ID$()')
.attr('class','modp')
.attr('id','modp$ID$');
$("img[src*='fr/EmnAR.gif']")
.attr("src","http://ucoz-world.3dn.ru/script/thread_novai_moder_panel.gif")
.attr('onclick', 'mod$ID$()')
.attr('class','modp')
.attr('id','modp$ID$');
</script>
готово!
Другие новости |
Поделиться ссылкой
|