[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Новый вид модер-панели для uCoz
МихалычДата: Понедельник, 27.05.2013, 23:48 | Сообщение # 1



Сообщений: 31

Репутация:
Статус: Не в сети
Новый вид модер-панели для uCoz,хочу предупредить,работает он только на новостях сайта,если вы хотите применять его на других модулях,вам придётся подправить его!



ШАГ 1.
Идём в:
ПУ(Панель управления)>>Управление дизайном сайта>>Новости сайта>>Вид материалов.

Находим этот код:
Код
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>


И заменяем его на этот:

Код
<?if($MODER_PANEL$)?>  <div class="dd_edit_news">   <a href="#" class="drop"><img alt="edit news" title="редактировать новость" src="http://likeucoz.ru/scripts/ico_edit_news.png"></a>   <div class="dd_cell_n1">   <span class="dd_ugol_n1"></span>   <div class="dd_content_en">    <?if($NOT_ACTIVE$)?> <a href="javascript://" rel="nofollow" onclick="_entrRem('aib$ID$','/index/91-4-$ID$','http://s105.ucoz.net','Вы действительно хотите активировать данный материал?');return false;"><img id="aib$ID$" src="http://likeucoz.ru/scripts/ico_activate.png" title="Материал неактивен. Активировать..." align="absmiddle" border="0" height="18" width="18"></a> <?endif?>   <a href="javascript://" rel="nofollow" onclick="new _uWnd('TgEd',' ',-450,-100,{autosize:1,closeonesc:1,resize:0},{url:'/index/52-2-$ID$'});return false;"><img alt="tag" title="Теги материала" src="http://likeucoz.ru/scripts/ico_tag.png" border="0" height="18" width="18"></a>   <a href="javascript://" rel="nofollow" onclick="new _uWnd('cntEd',' ',-280,-100,{autosize:1,closeonesc:1,resize:0},{url:'/index/87-2-$ID$'});return false;"><img alt="counters" title="Управление счетчиками" src="http://webo4ka.ru/Ucoz7/moder-panel/ico_counters.png" border="0" height="18" width="18"></a>   <a href="/news/0-0-0-$ID$-10"><img alt="edit" title="Редактировать материал" src="http://likeucoz.ru/scripts/ico_edit.png" border="0" height="18" width="18"></a>   <a href="javascript://" onclick="if(confirm('Вы действительно хотите удалить материал?'))$.get('/index/92-4-$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 onclick="_entrRem('dib$ID$','/index/92-4-$ID$','http://s105.ucoz.net','Вы подтверждаете удаление?');return false;" alt="remove" title="Удалить материал" src="http://likeucoz.ru/scripts/ico_remove.png" border="0" height="18" width="18"></a>    </div>   </div>  </div>  <?endif?>


Не забудьте изменить в данном html коде http://s105.ucoz.net, номер сервера на свой, иначе данное решение может перестать работать.

ШАГ 2.

Теперь,когда мы вписали сам код,нам требуется вписать CSS стили нашей панели,а для этого нам следует идти в:
ПУ >> Управление дизайном >> CSS.
И вставляем этот код:
 
Код
/* Модер-панель для модули новости сайта uCoz   ------------------------------------------*/  .dd_edit_news {   float:right;   display:block;   position:relative;  }    .dd_edit_news .drop {padding: 0px 7px;}   .dd_cell_n1,  .dd_ugol_n1 {width:35px;}   .dd_cell_n1 {   left:-999em;   z-index:998;   position:absolute;   margin: 0 -2px 0 auto;  }    .dd_content_en {   margin:0;   width:35px;   text-align:center;   overflow:hidden;   background:#333;  }   .dd_content_en a:link,  .dd_content_en a:visited {   float:left;   width:35px;   padding: 5px 0px 3px 0px;   border-bottom: 1px solid #888;  }   .dd_content_en a:hover {background:#5f5f5f;}    .no_bb:link,  .no_bb:visited {border-bottom:none!important;}    .dd_edit_news:hover .dd_cell_n1{   top:27px;   right:0;   left:auto;  }    .dd_ugol_n1 {   height:7px;   top: -7px;   position:absolute;   background:url(http://likeucoz.ru/scripts/fon_ugol_news.png) no-repeat center bottom;  }
Прикрепления: 6010116.jpg (5.4 Kb)
 
  • Страница 1 из 1
  • 1
Поиск: