Например: Скачать CSS v34
Пятница, 15.05.2026, 17:36 Регистрация Карта сайта RSS Лента
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Красивая модерпанель
Дата: Пятница, 10.08.2012, 21:42 | Сообщение # 1
  • 315
  • 504

  • Описание материала:
    Наскучила стандартная модер-панель? Тогда Вы не зря зашли сюда). Скрипт меняет всем надоевшую модер панель на более красивую и функциональную. Код очень простой, и при желании Вы всегда сможете придать МП любой вид, установка также не должна доставить трудностей.

    Установка:

    1. Первым делом на всех страницах сайта где есть модер-панель (либо в глобальном блоке), перед ставим:

    Code
    <script type="text/javascript" src="http://webo4ka.ru/Ucoz5/moderpanel_kalternovai_moder_panel.js"></script>


    2. Далее идем в "вид материалов", и меняем $MODER_PANEL$ на:

    Code
    <div id="uMpanel">$MODER_PANEL$<div id="uClose$ID$"><img class="mp" src="http://www.mvm-nv.ru//images/delete_com.png"></div> </div>


    3. А в самый низ (вид материалов):
    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://s39.ucoz.net/img/fr/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://webo4ka.ru/Ucoz5/thread_novai_moder_panel.gif")    
        .attr('onclick', 'mod$ID$()')    
        .attr('class','modp')    
        .attr('id','modp$ID$');    
        $("img[src*='fr/EmnAR.gif']")    
        .attr("src","http://webo4ka.ru/Ucoz5/thread_novai_moder_panel.gif")    
        .attr('onclick', 'mod$ID$()')    
        .attr('class','modp')    
        .attr('id','modp$ID$');    
        </script>

    На этом установка окончена !


    Сообщение отредактировал Qwixx - Пятница, 10.08.2012, 22:05
    • Страница 1 из 1
    • 1
    Поиск: