Upd 11.01 Новая админ панель (Ver.2 + Ver.2.1) by uWay
Добавлено 23.12.2015 в 23:03
Upd 11.01 Новая админ панель (Ver.2 + Ver.2.1) by uWay
Новая вторая версия админ панели для вашего проекта. Новая панель преобразилась в плане дизайна и функционала. Панель как и в предыдущей версии по умолчанию скрыта в левом боку, которая при наведении разворачивается до полного размера. Также для удобства расставлено все по полочкам и скрыты в "подменю".

Часто используемые администратором ссылки выведены в виде иконок аля "iOS"

В скрипте есть панель для Администраторов и Модераторов.

Для администраторов выглядит следующим образом:



А для Модераторов выглядит немножко проще:



При желании можно добавить кнопки и для Модераторов.

Перейдём к установке версии 2:

Для начала ставим шрифт Open Sans, по дефолту именно он установлен в скрипте

Код
<link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>


Если хотите скрыть стандартный Админ-бар, ставим в $GLOBAL_AHEADER$ и $GLOBAL_BFOOTER$ код:

Код
<?substr($ADMIN_BAR$,0,0)?>


Далее в самый низ блока $GLOBAL_BFOOTER$ ставим код:

Код
<?if($GROUP_ID$="4")?>
<div id="button">
<div id="s_panel">

<div id="ipanls">
<a href="/panel" target=_blank><img title="Панель управления" src="http://uway.ucoz.com/ipanel/1.png" style="border:2px solid rgba(0, 0, 0, 0.4);border-radius: 50%;margin:3px 8px 0 0;padding:3px;opacity:0.5;"></a>
<a href="/load/0-0-0-0-1" target=_blank><img title="Предложить материал" src="http://uway.ucoz.com/ipanel/2.png" style="border:2px solid rgba(0, 0, 0, 0.4);border-radius: 50%;margin:3px 8px 0 0;padding:3px;opacity:0.5;"></a>
<a href="/tmpls/?a=fm;n=1" target=_blank><img title="Файловый менеджер" src="http://uway.ucoz.com/ipanel/3.png" style="border:2px solid rgba(0, 0, 0, 0.4);border-radius: 50%;margin:3px 8px 0 0;padding:3px;opacity:0.5;"></a>
<a href="/tmpls" target=_blank><img title="Управление дизайном" src="http://uway.ucoz.com/ipanel/4.png" style="border:2px solid rgba(0, 0, 0, 0.4);border-radius: 50%;margin:3px 5px 0 0;padding:3px;opacity:0.5;"></a>
</div>

<a href="javascript://" onclick="$('#adm').fadeIn(); return false;"><div id="panls" title="Административная панель Ver.2">Административная панель</div></a>
<div id="adm" style="display:none;">
<a href="/index/86" target="blank"><div id="panl">Управление комментариями</div></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',350,150,{autosize:0},{url:'/index/85'});return false;" class="fUsrList"><div id="panl">Неактивные материалы</div></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',350,350,{autosize:0},{url:'/index/83'});return false;" class="fUsrList"><div id="panl">Бан IP адресов</div></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',350,350,{autosize:0},{url:'/index/43'});return false;" class="fUsrList"><div id="panl">Бан WWW адресов</div></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',350,350,{autosize:0},{url:'/index/33'});return false;" class="fUsrList"><div id="panl">Удаление записей пользователя</div></a>
<a href="/index/14-0-5" target="_blank"><div id="panl">Массовая рассылка ЛС</div></a>
<div id="panl">PAGE_ID: $PAGE_ID$</div>
<div id="panl">MODULE_ID: $MODULE_ID$</div>
<div id="panl">URL_ID: $URI_ID$</div>
</div>

<?if($MODER_PANEL$)?><?if($MODULE_ID$="load" or $MODULE_ID$="dir" or $MODULE_ID$="board")?><?if($PAGE_ID$="entry")?>
<a href="javascript://" onclick="$('#editm').fadeIn(); return false;"><div id="panls">Управление материалом</div></a>
<div id="editm" style="display:none;">
<div id="panl">$MODER_PANEL_RIGHT$</div>
</div>
<?endif?><?endif?><?endif?>
</div></div>
<?endif?>

<?if($GROUP_ID$="3")?>
<div id="button"><div id="s_panel">
<div id="panls">Модер панель</div>
<a href="/index/86" target="blank"><div id="panl">Управление комментариями</div></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',350,150,{autosize:0},{url:'/index/85'});return false;" class="fUsrList"><div id="panl">Неактивные материалы</div></a>
<?if($MODULE_ID$="load" or $MODULE_ID$="dir" or $MODULE_ID$="board")?><?if($PAGE_ID$="entry")?>
<div id="panls">Управление материалом</div>
<?if($MODER_PANEL$)?><div id="panl">$MODER_PANEL_RIGHT$</div><?endif?>
<?endif?><?endif?>
</div></div>
<?endif?>


Идём в CSS и ставим код:

Код

#panls {font: 10px Open Sans;color:#fff;padding:4px 10px;background:rgba(0, 0, 0, 0.1);margin-bottom:0px;}
#ipanls {font: 10px Open Sans;color:#777;padding:4px 10px;background:rgba(255, 255, 255, 0.5);margin-bottom:0px;}
#panl {font: 10px Open Sans;color:#fff;padding:4px 10px;background:rgba(255, 255, 255, 0.1);margin-bottom:0px;}
#panl a {color:#777;margin-bottom:0px;}
#panl a:hover {color:#777;margin-bottom:0px;}
#panl:hover {color:#777;margin-bottom:0px;background:rgba(255,255,255, 0.5);}

#button {
position: fixed;
top: 53px;
left: 0;
background: transparent;
font: 12px 'Open Sans';
color: #373737;
width: 0;
height: 0;
text-align: center;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;

}
#s_panel {
position: fixed;
top: 100px;
left: -130px;
background: url("http://uway.ucoz.com/ipanel/1blur.png");
background-size: 100% 100%;
border: 0px solid #e2e2e2;
width: 220px;
height: auto;
padding: 0px 0px 0px 0px;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
}

#button:hover {
left: 190px;
}
#button:hover #s_panel {
left: 0;
}




Добавляю чутка измененную версию Ver.2.1. Ver.2 показалась мне очень уж крупноватой, поэтому решил чутка уменьшить. По сути это тот же код,просто уменьшил и изменил стиль иконок для панели администраторов и изменил ширину самой админ панели.



Установка версии 2.1

Для начала ставим или заменяем шрифт Open Sans, по дефолту тоже он установлен в скрипте

Код
<link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>


В прошлой версии ставили код в самый низ блока $GLOBAL_BFOOTER$, если вы ставили то просто заменяем его на этот код, если нет то ставим в самый низ блока $GLOBAL_BFOOTER$:

Код
<?if($GROUP_ID$="4")?>
<div id="button">
<div id="s_panel">

<div id="ipanls">
<a href="/panel" target=_blank><img title="Панель управления" src="http://uway.ucoz.com/ipanel/1.png" width="17px" style="border:1px solid rgba(0, 0, 0, 0.1);border-radius: 50%;margin:3px 8px 0 0;padding:3px;opacity:0.5;background:rgba(255, 255, 255, 1);"></a>
<a href="/load/0-0-0-0-1" target=_blank><img title="Предложить материал" src="http://uway.ucoz.com/ipanel/2.png" width="17px" style="border:1px solid rgba(0, 0, 0, 0.1);border-radius: 50%;margin:3px 8px 0 0;padding:3px;opacity:0.5;background:rgba(255, 255, 255, 1);"></a>
<a href="/tmpls/?a=fm;n=1" target=_blank><img title="Файловый менеджер" src="http://uway.ucoz.com/ipanel/3.png" width="17px" style="border:1px solid rgba(0, 0, 0, 0.1);border-radius: 50%;margin:3px 8px 0 0;padding:3px;opacity:0.5;background:rgba(255, 255, 255, 1);"></a>
<a href="/tmpls" target=_blank><img title="Управление дизайном" src="http://uway.ucoz.com/ipanel/4.png" width="17px" style="border:1px solid rgba(0, 0, 0, 0.1);border-radius: 50%;margin:3px 5px 0 0;padding:3px;opacity:0.5;background:rgba(255, 255, 255, 1);"></a>
</div>

<a href="javascript://" onclick="$('#adm').fadeIn(); return false;"><div id="panls" title="Административная панель Ver.2.1">Административная панель</div></a>
<div id="adm" style="display:none;">
<a href="/index/86" target="blank"><div id="panl">Управление комментариями</div></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',350,150,{autosize:0},{url:'/index/85'});return false;" class="fUsrList"><div id="panl">Неактивные материалы</div></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',350,350,{autosize:0},{url:'/index/83'});return false;" class="fUsrList"><div id="panl">Бан IP адресов</div></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',350,350,{autosize:0},{url:'/index/43'});return false;" class="fUsrList"><div id="panl">Бан WWW адресов</div></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',350,350,{autosize:0},{url:'/index/33'});return false;" class="fUsrList"><div id="panl">Удаление записей пользователя</div></a>
<a href="/index/14-0-5" target="_blank"><div id="panl">Массовая рассылка ЛС</div></a>
<div id="panl">PAGE_ID: $PAGE_ID$</div>
<div id="panl">MODULE_ID: $MODULE_ID$</div>
<div id="panl">URL_ID: $URI_ID$</div>
</div>

<?if($MODER_PANEL$)?><?if($MODULE_ID$="load" or $MODULE_ID$="dir" or $MODULE_ID$="board")?><?if($PAGE_ID$="entry")?>
<a href="javascript://" onclick="$('#editm').fadeIn(); return false;"><div id="panls">Управление материалом</div></a>
<div id="editm" style="display:none;">
<div id="panl">$MODER_PANEL_RIGHT$</div>
</div>
<?endif?><?endif?><?endif?>
</div></div>
<?endif?>

<?if($GROUP_ID$="3")?>
<div id="button"><div id="s_panel">
<div id="panls">Модер панель</div>
<a href="/index/86" target="blank"><div id="panl">Управление комментариями</div></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',350,150,{autosize:0},{url:'/index/85'});return false;" class="fUsrList"><div id="panl">Неактивные материалы</div></a>
<?if($MODULE_ID$="load" or $MODULE_ID$="dir" or $MODULE_ID$="board")?><?if($PAGE_ID$="entry")?>
<div id="panls">Управление материалом</div>
<?if($MODER_PANEL$)?><div id="panl">$MODER_PANEL_RIGHT$</div><?endif?>
<?endif?><?endif?>
</div></div>
<?endif?>


Идём в CSS и ставим или заменяем старый код:

Код

#panls {font: 10px Open Sans;color:#fff;padding:4px 10px;background:rgba(0, 0, 0, 0.1);margin-bottom:0px;}
#ipanls {font: 10px Open Sans;color:#777;padding:4px 10px;background:rgba(255, 255, 255, 0.5);margin-bottom:0px;}
#panl {font: 10px Open Sans;color:#fff;padding:4px 10px;background:rgba(255, 255, 255, 0.1);margin-bottom:0px;}
#panl a {color:#777;margin-bottom:0px;}
#panl a:hover {color:#777;margin-bottom:0px;}
#panl:hover {color:#777;margin-bottom:0px;background:rgba(255,255,255, 0.5);}

#button {
position: fixed;
top: 53px;
left: 0;
background: transparent;
font: 12px 'Open Sans';
color: #373737;
width: 0;
height: 0;
text-align: center;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;

}
#s_panel {
position: fixed;
top: 100px;
left: -130px;
background: url("http://uway.ucoz.com/ipanel/1blur.png");
background-size: 100% 100%;
border: 0px solid #e2e2e2;
width: 180px;
height: auto;
padding: 0px 0px 0px 0px;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
}

#button:hover {
left: 190px;
}
#button:hover #s_panel {
left: 0;
}


На этом всё! Установка завершена!
К материалу оставили 4 комментария
-D-I-N-I-S-
Иван Иванов @-D-I-N-I-S-
2
28.12.2015 в 19:46 - Понедельник
Кто какую ставит? 2
Graff
Евгений Александрович @Graff
31
10.01.2016 в 17:33 - Воскресенье
Поставил себе на сайт версию v.2.1
Автору спасибо большое, всё крайне удобно)
-D-I-N-I-S-
Иван Иванов @-D-I-N-I-S-
2
10.01.2016 в 21:07 - Воскресенье
Graff, спасибо за хороший отзыв, работаю над версией 2.2 6
Graff
Евгений Александрович @Graff
31
10.01.2016 в 22:57 - Воскресенье
ну всё мужик, ожидаю версии 2.2 5