Новая MODER_PANEL для uCoz

02012-07-1563954Денис Абдуллин

Что если стандартную MODER_PANEL заменить на свою? Этот скрипт специально для этой цели. Новая MODER_PANEL для uCoz позволит использовать свои иконки. На этой странице MODER_PANEL для каталога файлов. Изменив некоторые пункты, можно сделать панель модератора и для другого модуля. Установка очень простая.

Установка

1. Управление дизайном » Каталог файлов » Страница материала и комментариев к нему

Заменяем $MODER_PANEL$ на код:

Code

<?if($MODER_PANEL$)?><div style="float:right; padding-top:8px;">
<div class="menu_n"><a href="#" ><counter_><img alt="" src="http://s64.ucoz.net/img/icon/edt.png"></counter_></a>
<div class="dd_menu"><span class="dd_ugol1"></span><span id="mn5" style="">
  <?if($NOT_ACTIVE$)?><a href="javascript://" onclick="ban_item($ID$);return false;"> <img src="http://wos.ucoz.com/load_files/ok.png" title="Активировать материал"> </a> - Активировать материал<br><?endif?>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TgEd',' ',-450,-100,{autosize:1,closeonesc:1,resize:0},{url:'/index/52-3-$ID$'});return false;">
<img border="0" title="Теги материала" src="http://s64.ucoz.net/.s/img/icon/pu.png"></a> - Теги материала <br>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('cntEd',' ',-280,-100,{autosize:1,closeonesc:1,resize:0},{url:'/index/87-3-$ID$'});return false;">
<img border="0" title="Управление счетчиками" src="http://s64.ucoz.net/.s/img/icon/po.png"></a> - Управление счетчиками <br>
<a href="/load/0-0-0-$ID$-13">
<img border="0" align="absmiddle" src="http://s64.ucoz.net/img/icon/cmt.png" title="Редактировать"></a> - Редактировать материал <br>
<a href="javascript://" rel="nofollow" onclick="_entrRem('dib$ID$','/index/92-5-$ID$','http://s64.ucoz.net','Вы подтверждаете удаление?');return false;">
<a href="javascript://" onclick="if(confirm('Вы действительно хотите удалить материал?'))$.get('/index/92-5-$ID$-<?substr($MODER_PANEL$, strrpos($MODER_PANEL$,"','h")-8,8)?>',function(){setTimeout(function(){_uWnd.alert('Материал успешно удален!!','Внимание',{w: 300, h: 60, tm: 1000000});},2000)});">
<img border="0" id="dib$ID$" align="absmiddle" src="http://s64.ucoz.net/img/icon/dele.png" title="Удалить"></a> - Удалить материал
</span></div></div><link type="text/css" rel="StyleSheet" href="http://wos.ucoz.com/WoS_2012/stylePanel.css" /></div><?endif?>

2. Управление дизайном » Каталог файлов » Вид материалов

Заменяем $MODER_PANEL$ на код:

Code

<?if($MODER_PANEL$)?><div style="float:right; padding-top:8px;">
  <div class="menu_n"><a href="#" ><counter_><img alt="" src="http://s64.ucoz.net/img/icon/edt.png"></counter_></a>
  <div class="dd_menu"><span class="dd_ugol1"></span><span id="mn5" style="">
  <?if($NOT_ACTIVE$)?><a href="javascript://" onclick="ban_item($ID$);return false;"> <img src="http://wos.ucoz.com/load_files/ok.png" title="Активировать материал"> </a> - Активировать материал<br><?endif?>
  <a href="javascript://" rel="nofollow" onclick="new _uWnd('TgEd',' ',-450,-100,{autosize:1,closeonesc:1,resize:0},{url:'/index/52-3-$ID$'});return false;">
  <img border="0" title="Теги материала" src="http://s64.ucoz.net/.s/img/icon/pu.png"></a> - Теги материала <br>
  <a href="javascript://" rel="nofollow" onclick="new _uWnd('cntEd',' ',-280,-100,{autosize:1,closeonesc:1,resize:0},{url:'/index/87-3-$ID$'});return false;">
  <img border="0" title="Управление счетчиками" src="http://s64.ucoz.net/.s/img/icon/po.png"></a> - Управление счетчиками <br>
  <a href="/load/0-0-0-$ID$-13">
  <img border="0" align="absmiddle" src="http://s64.ucoz.net/img/icon/cmt.png" title="Редактировать"></a> - Редактировать материал <br>
  <a href="javascript://" rel="nofollow" onclick="_entrRem('dib$ID$','/index/92-5-$ID$','http://s64.ucoz.net','Вы подтверждаете удаление?');return false;">
  <a href="javascript://" onclick="if(confirm('Вы действительно хотите удалить материал?'))$.get('/index/92-5-$ID$-<?substr($MODER_PANEL$, strrpos($MODER_PANEL$,"','h")-8,8)?>',function(){setTimeout(function(){_uWnd.alert('Материал успешно удален!!','Внимание',{w: 300, h: 60, tm: 1000000});$('#entryID$ID$').fadeOut('slow');},2000)});">
  <img border="0" id="dib$ID$" align="absmiddle" src="http://s64.ucoz.net/img/icon/dele.png" title="Удалить"></a> - Удалить материал
  </span></div></div><link type="text/css" rel="StyleSheet" href="http://wos.ucoz.com/WoS_2012/stylePanel.css" /></div><?endif?>

3. В свой CSS файл вставляем следующие стили:

Code

.menu_n {
  float:left;
  display:block;
  position:relative;
  margin: 2px 5px 0px 0px;
}

.dd_ugol1,
.dd_menu {width:200px;}

.dd_menu {
  float:left;
  padding:5px;
  left:-999em;
  z-index:998;
  background:#fff;
  position:absolute;
  border:1px solid #999;
  margin: 0px 0px 0px -5px;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  border-radius:5px 5px 5px 5px;
  box-shadow: 0px 0px 5px #999;
  font-size: 12px;
}

  .menu_n:hover .dd_menu{
  right:auto;
  left:0px;
  top:30px;

}

  counter_{opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=50);}
counter_:hover{opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}

  dd_menu a:hover {font-size: 12px;}
.dd_ugol1 {
  float:left;
  height:25px;
  top:-25px;
  left:4px;
  position:absolute;
  background:url(http://s1.uploads.ru/i/xC620.png) no-repeat left bottom}