Новая админ панель Ver.2.2.3 by uWay
Добавлено 15.01.2016 в 21:53
Новая админ панель Ver.2.2.3 by uWay
Свежее обновление админ/модер - панели!! В основном такая-же панель, но есть и изменения в плане функционала. Панель как и во всех предыдущих версиях по умолчанию скрыта в левом боку, которая при наведении разворачивается до полного размера.

Нововведения и изменения:

- Изменен фон
- Ускорена анимация
- Кнопки "Файловый менеджер", "Управление комментариями" открываются как новое мини-окно
- Добавлена кнопка и "Извещение об обновлениях"
- Кнопка "Извещение об обновлениях" добавилась и для модер-панели
- Изменены ссылки кнопок "Блокировка IP и WWW адресов"
- Специальные коды страниц выведены в отдельное подменю
- Добавлено подменю "Статистика" (добавлено и для модер-панели )
- Изменен вид "Счетчиков"
- Это еще не всё мне кажется...)))

Изменений проводились и по самому коду и поработали над дизайном в целом.

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



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



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

Ну что ж, перейдем к установке:

Для начала ставим или заменяем шрифт 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" 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="#" onclick="window.open('/tmpls/?a=fm;n=1','fman','resizable=1,scrollbars=1,top=0,left=0,width=600,height=400');" target="_self"><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.2.3">Административная панель</div></a>
<div id="adm" style="display:none;">
<a href="#" onclick="window.open('/index/86','fman','resizable=1,scrollbars=1,top=0,left=0,width=700,height=400');" target="_self"><div id="panl">Управление комментариями</div></a>
<a href="#" onclick="new _uWnd('SfU','Извещения об обновлениях',400,200,{align:'',closeonesc:1,min:0,max:0,maxh:300,resize:0,},{url:'/index/67'});return false;" 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="#" onclick="new _uWnd('ipBanW','Блокировка IP адресов',350,150,{align:'left',closeonesc:1,min:0,max:0,oncontent:function(wnd){$('textarea:first',wnd.top).focus();}},{url:'/index/83'});return false;" target="_blank"><div id="panl">Блокировка IP адресов</div></a>
<a href="#" onclick="new _uWnd('WBan','Блокировка WWW адресов',350,150,{align:'left',closeonesc:1,min:0,max:0,oncontent:function(wnd){$('textarea:first',wnd.top).focus();}},{url:'/index/43'});return false;" target="_blank"><div id="panl">Блокировка WWW адресов</div></a>
<a href="#" onclick="new _uWnd('Ud','Удаление записей пользователя',350,150,{align:'left',closeonesc:1,min:0,max:0,oncontent:function(wnd){$('input:text:first',wnd.top).focus();}},{url:'/index/33'});return false;" target="_blank"><div id="panl">Удаление записей пользователя</div></a>
<a href="/index/14-0-5" target="_blank"><div id="panl">Массовая рассылка ЛС</div></a>
</div>

<a href="javascript://" onclick="$('#statps').fadeIn(); return false;"><div id="panls">Список переменных страницы</div></a>
<div id="statps" style="display:none;">
<div id="panl">PAGE_ID: <div style="display:inline-block;width:auto;height:14px;background-color: rgba(0, 0, 0, 0.2);border: 0px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; color: #fff;font-size: 10px;margin-left:7px;padding: 0px 6px;">$PAGE_ID$</div></div>
<div id="panl">MODULE_ID: <div style="display:inline-block;width:auto;height:14px;background-color: rgba(0, 0, 0, 0.2);border: 0px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; color: #fff;font-size: 10px;margin-left:7px;padding: 0px 6px;">$MODULE_ID$</div></div>
<div id="panl">URL_ID: <div style="display:inline-block;width:auto;height:14px;background-color: rgba(0, 0, 0, 0.2);border: 0px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; color: #fff;font-size: 10px;margin-left:7px;padding: 0px 6px;">$URI_ID$</div>
</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?>

<a href="javascript://" onclick="$('#statadm').fadeIn(); return false;"><div id="panls">Статистика</div></a>
<div id="statadm" style="display:none;">
<a href="#"><div id="panl">Материалов <div style="display:inline-block;width:auto;height:14px;background-color: rgba(0, 0, 0, 0.2);border: 0px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; color: #fff;font-size: 10px;margin-left:7px;padding: 0px 6px;">$MYINF_X$</div></div></a>
<a href="#"><div id="panl">Комментариев <div style="display:inline-block;width:auto;height:14px;background-color: rgba(0, 0, 0, 0.2);border: 0px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; color: #fff;font-size: 10px;margin-left:7px;padding: 0px 6px;">$MYINF_X$</div></div></a>
</div>
</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>
<a href="#" onclick="new _uWnd('SfU','Извещения об обновлениях',400,200,{align:'',closeonesc:1,min:0,max:0,maxh:300,resize:0,},{url:'/index/67'});return false;" target="_blank"><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 id="panls">Статистика</div>

<a href="#"><div id="panl">Материалов <div style="display:inline-block;width:auto;height:14px;background-color: rgba(0, 0, 0, 0.2);border: 0px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; color: #fff;font-size: 10px;margin-left:7px;padding: 0px 6px;">$MYINF_X$</div></div></a>
<a href="#"><div id="panl">Комментариев <div style="display:inline-block;width:auto;height:14px;background-color: rgba(0, 0, 0, 0.2);border: 0px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; color: #fff;font-size: 10px;margin-left:7px;padding: 0px 6px;">$MYINF_X$</div></div></a>
</div></div>
<?endif?>


По поводу статистики думаю всё понятно. Находите подобный код:

Код
<a href="#"><div id="panl">Материалов <div style="display:inline-block;width:auto;height:14px;background-color: rgba(0, 0, 0, 0.2);border: 0px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; color: #fff;font-size: 10px;margin-left:7px;padding: 0px 6px;">$MYINF_X$</div></div></a>
<a href="#"><div id="panl">Комментариев <div style="display:inline-block;width:auto;height:14px;background-color: rgba(0, 0, 0, 0.2);border: 0px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; color: #fff;font-size: 10px;margin-left:7px;padding: 0px 6px;">$MYINF_X$</div></div></a>


И вместо $MYINF_X$ ставим свой код информера.

Информер: [ Счетчики материалов · Материалы ] и оставляете только один счетчик для каждого информера. Например для одного $LOAD$ и для другого $COMMENTS$, всё зависит от вашего сайта!

Идём далее, CSS

Код
#panls {font: 10px Open Sans;color:#fff;padding:4px 10px;background:rgba(0, 0, 0, 0.1) url("http://uway.ucoz.com/ipanel/blur/arr_gr.png") no-repeat 175px center;margin-bottom:0px; }
#panls:hover {font: 10px Open Sans;color:#fff;padding:4px 10px;background:rgba(0, 0, 0, 0.15) url("http://uway.ucoz.com/ipanel/blur/arr_gr.png") no-repeat 175px center;margin-bottom:0px; }

#ipanls {font: 10px Open Sans;color:#777;padding:4px 10px;background:rgba(255, 255, 255, 0.3);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:#333;margin-bottom:0px;background:rgba(255,255,255, 0.3);}

#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/blur/jhgihkfnkd.png");
background-size: 100% 100%;
border: 0px solid #e2e2e2;
width: 190px;
height: auto;
padding: 0px 0px 0px 0px;
-webkit-transition-duration: 0.13s;
-moz-transition-duration: 0.13s;
-o-transition-duration: 0.13s;
transition-duration: 0.13s;
-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;
}


Вроде всё. Заливаю в спешке, поэтому могут быть ошибки в тексте! Если есть баги пишите в этой теме!
К материалу оставили 7 комментариев
-D-I-N-I-S-
Иван Иванов @-D-I-N-I-S-
2
15.01.2016 в 21:57 - Пятница
Очень важно Ваше мнение, как вам новая панель? 12
Graff
Евгений Александрович @Graff
31
18.01.2016 в 10:47 - Понедельник
Что я могу сказать? Мужик, всё агонь, сразу же поставил себе 12
Можно идти дальше фапать 6
Graff
Евгений Александрович @Graff
31
18.01.2016 в 10:50 - Понедельник
Чего бы хотел увидеть в след. обнове? Сделайте, чтобы можно было сварачивать меню назад. То есть развернуть его можно, а свернуть нельзя.
-D-I-N-I-S-
Иван Иванов @-D-I-N-I-S-
2
18.01.2016 в 14:21 - Понедельник
Graff, ахах)) спасибо)) насчет сворачивания думал, чет никак руки не доходили 12 , сделаем 18
Graff
Евгений Александрович @Graff
31
18.01.2016 в 16:07 - Понедельник
-D-I-N-I-S-, всё, замётано! жду 6
YaVi
Виктор Ягодин @YaVi
39
19.01.2016 в 17:07 - Вторник
Классная менюшка 18 , но себе не ставил , а выглядит все таки классно 1
-D-I-N-I-S-
Иван Иванов @-D-I-N-I-S-
2
20.01.2016 в 00:43 - Среда
YaVi, спасибо, ну в принципе можно хоть для чего использовать