Новая панель администратора Ver.4.0.50 LITE by esCode.Ru
Добавлено 08.11.2016 в 21:49
Новая панель администратора Ver.4.0.50 LITE by esCode.Ru
Как и обещал, выкладываю "лайтовую" версию панели 4.0.50. Поскольку "PRO" версия в силу своей 'тяжеловатости' немного подлагивала на слабеньком железе.

Не буду расписывать все возможности и нововведения в четвертой версии панели, поскольку она такая же как и у версии PRO. А о них вы можете почитать тут.

В "лайте" вырезан CSS фильтр - Blur-filter

В 'PRO' версии фоном служит обычная картинка без какой либо пост-обработки. Обработку производит CSS фильтр Blur-filter, а в лайт'е фоном служит уже редактированная картинка в Blur фильтре.

S-Touch. Изначально планировалось убрать эту функцию в версии "Лайт". Но поскольку она является новой фишкой четвертого поколения панелей, мы решили её оставить. Это довольно таки удобное ховер меню, вшитая в кнопки "Предложения", "Управление дизайном" и "Личные сообщения"



Установка

В HEAD ставим (в случае если вы использовали предыдущие версии админ панели, пропускаем этот пункт) шрифт 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")?>
<!-- admin_panel_by_escode.ru_ver_4.0.50_lite -->  

<div id="s_panel">  

<div id="spanel-container"><div id="spanel-bg"></div><div id="spanel">  

<div class="ipanls">  

<a href="/panel" target="_blank"><img title="Перейти в панель управления" class="buttonA" src="http://escode.ru/ipanel/4/r1.png" width="19px"></a>  

<div class="s_touch2">  
<img title="Предложения" class="buttonA" src="http://escode.ru/ipanel/4/r2.png" width="19px">  
<div class="cell_touch">  
<div id="tap-container"><div id="tap-bg"></div><div id="tap">  
<div class="dd_content_ens">  
<a href="/load/0-0-0-0-1" target="_blank"><img src="http://escode.ru/ipanel/4/s1.png" style="opacity:0.8;margin:0 10px -4px 5px;">Новый материал</a>  
<a href="/load/0-0-0-0-1" target="_blank"><img src="http://escode.ru/ipanel/4/s1.png" style="opacity:0.8;margin:0 10px -4px 5px;">Новый материал</a>  
<a href="/load/0-0-0-0-1" target="_blank"><img src="http://escode.ru/ipanel/4/s1.png" style="opacity:0.8;margin:0 10px -4px 5px;">Новый материал</a>  
</div></div></div></div></div>  

<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="Файловый менеджер" class="buttonA" src="http://escode.ru/ipanel/4/r3.png" width="19px"></a>  

<div class="s_touch">  
<img title="Управление дизайном" class="buttonA" src="http://escode.ru/ipanel/4/r4.png" width="19px">  
<div class="cell_touch">  

<div id="tap-container"><div id="tap-bg"></div><div id="tap">  
<div class="dd_content_en">  
<a href="/tmpls" target="_blank"><img src="http://escode.ru/ipanel/4/s2.png" style="opacity:0.7;margin:0 10px -4px 5px;">Управление дизайном</a>  
<a href="#" onclick="window.open('/tmpls/?a=tmpl;m=3;t=3');" target="_self"><img src="http://escode.ru/ipanel/4/s3.png" style="opacity:0.7;margin:0 10px -4px 5px;">Редактор CSS</a>  
</div></div></div> </div></div>  

</div>  

<a id="tblock1" href="javascript://" return false;"><div class="panls1">Основные инструменты</div></a>  
<div id="tblock1s" style="display:none;">  
<a href="#" onclick="window.open('/index/86','fman','resizable=1,scrollbars=1,top=0,left=0,width=800,height=400');" target="_self"><div class="panl1" style="margin-top:3px;">Управление комментариями</div></a>  
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',350,150,{autosize:0},{url:'/index/85'});return false;" class="fUsrList"><div class="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 class="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 class="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 class="panl">Блокировка WWW адресов</div></a>  
<?if($UNREAD_PM$="0")?><a href="/index/14-0-5" target="_blank"><div class="panl">Массовая рассылка ЛС</div></a><?endif?>  
<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 class="panl2" style="margin-bottom:3px;">Удаление записей пользователя</div></a>  
<a id="tblock2" href="javascript://" return false;"><div class="panl3" style="margin-top:3px;">About</div></a>  
<div id="tblock2s" style="display:none;"><div class="about">  
<div class="panl1">Административная панель</div>  
<div class="panl"> Версия: <div class="tab_one">4.0.50 LITE</div></div>  
<a href="http://escode.ru/load/4" target="blank"><div class="panl">Просмотр новых версий</div></a>  
<a href="http://escode.ru" target="blank"><div class="panl2">Copyright esCode.Ru © 2016</div></a>  
</div></div></div>  

<a id="tblock3" href="javascript://" return="" false;"=""><div class="panls">Список переменных страницы</div></a>
<div id="tblock3s" style="display:none;">  
<a id="tblock4" href="javascript://" return="" false;"=""><div class="panl1" style="margin-top:3px;"> PAGE_ID: <div class="tab_one" id="tab_rwe">$PAGE_ID$</div></div></a>
<div id="tblock4s" style="display:none;">  
<div class="tab_code" id="tab_rwe"> <?if($PAGE_ID$="$PAGE_ID$")?>истина<?else?>ложь<?endif?> </div>
</div>
<a id="tblock5" href="javascript://" return="" false;"=""><div class="panl">MODULE_ID: <div class="tab_one" id="tab_rwe">$MODULE_ID$</div></div></a>
<div id="tblock5s" style="display:none;">  
<div class="tab_code" id="tab_rwe"> <?if($MODULE_ID$="$MODULE_ID$")?>истина<?else?>ложь<?endif?> </div>
</div>
<a id="tblock6" href="javascript://" return="" false;"=""><div class="panl2" style="margin-bottom:3px;">URL_ID: <div class="tab_one" id="tab_rwe">$URI_ID$</div></div></a>
<div id="tblock6s" style="display:none;">  
<div class="tab_code" id="tab_rwe" style="margin-top:0px;"> <?if($URL_ID$="$URI_ID$")?>истина<?else?>ложь<?endif?> </div>
</div>
</div>

<?if($PAGE_ID$="entry")?><?else?>  
<a id="tblock7" href="javascript://" return="" false;"=""><div class="panls">Статистика</div></a>  
<div id="tblock7s" style="display:none;">  
<a href="#"><div class="panl1" style="margin-top:3px;">Материалов <div class="tab_one">$MYINF_X$</div></div></a>  
<a href="#"><div class="panl">Комментариев <div class="tab_one">$MYINF_X$</div></div></a>  
<a href="#"><div class="panl2" style="margin-bottom:3px;">Пользователей <div class="tab_one">$MYINF_X$</div></div></a>  
</div>  
<?endif?>  

<?if($MODER_PANEL$)?><?if($MODULE_ID$="load" or $MODULE_ID$="dir" or $MODULE_ID$="board")?><?if($PAGE_ID$="entry")?>  
<a id="tblock8" href="javascript://" return false;"><div class="panls">Управление материалом</div></a>  
<div id="tblock8s"><div class="panl3" style="margin-bottom:-1px;">$MODER_PANEL_RIGHT$</div></div>  
<?endif?><?endif?><?endif?>  

<?if($PAGE_ID$="entry")?><?else?>  
<a id="tblock9" href="javascript://" return="" false;"=""><div class="panls2">Мини-чат</div></a>  
<div id="tblock9s" style="display:none;">  
<a href="#" onclick="window.open('/mchat/0-1','fman','resizable=1,scrollbars=1,top=0,left=0,width=600,height=400');" target="_self"><div class="panl3" style="margin-bottom:-1px;">Управление сообщениями</div></a>  
</div><?endif?>  

<div id="ipanls" style=" border-top: 1px solid rgba(255, 255, 255, 0.03);"><div class="searchs">  
<?if($PAGE_ID$="userslist")?>  
<form method="post" style="margin:0px" name="memform" action="/index/" onsubmit="this.subm.disabled=true;">  
<input type="text" class="one_text" maxlength="50" name="user" placeholder="Поиск по пользователям">  
<input type="hidden" name="a" value="15" /><input type="hidden" name="s" value="1" />  
</form>  
<?else?>  
<form action="/search/" method="get" onsubmit="this.sfSbm.disabled=true">  
<input type="text" class="one_text" maxlength="50" name="q" placeholder="Поиск по сайту...">  
<input type="submit" class="one_button transition-opacity" name="sfSbm" value="">  
</form>  
<?endif?>  
</div></div>  

<?if($UNREAD_PM$>'0')?>  
<a id="tblock10" href="javascript://" return false;">  
<div class="panls3" style="margin-bottom:3px;">Новые сообщения  
<div class="s_touch3"><a href="#"><div class="tab_ls">$UNREAD_PM$</div></a>  
<div class="cell_touch">  

<div id="tap-container"><div id="tap-bg"></div><div id="tap">  
<div class="dd_content_en">  
<a href="http://escode.ru/index/14-0-0"><img src="http://escode.ru/ipanel/4/s4.png" style="opacity:1;margin:0 10px -4px 5px;">Входящие сообщения</a>  
<a href="http://escode.ru/index/14-0-1"><img src="http://escode.ru/ipanel/4/s5.png" style="opacity:1;margin:0 10px -4px 5px;">Исходящие сообщения</a>  
<a href="http://escode.ru/index/14-0-0-1"><img src="http://escode.ru/ipanel/4/s1.png" style="opacity:0.8;margin:0 10px -4px 5px;">Написать сообщение</a>  
<a href="http://escode.ru/index/14-0-5"><img src="http://escode.ru/ipanel/4/s6.png" style="opacity:1;margin:0 10px -4px 5px;">Массовая рассылка</a>  
</div>  
</div></div>  

</div></div></div></a>  
<div id="tblock10s"<?if($UNREAD_PM$>'3')?> style="display:none;"<?endif?>><div class="Notiff"></div></div>  
<?endif?>  

</div></div></div>  
<!-- /admin_panel_by_escode.ru_ver_4.0.50_lite -->  
<?endif?>  

<?if($GROUP_ID$="251" or $GROUP_ID$="3")?>  
<!-- admin_panel_by_escode.ru_ver_4.0.50_lite -->  

<div id="s_panel">  

<div id="spanel-container"><div id="spanel-bg"></div><div id="spanel">  

<a id="tblock1" href="javascript://" return false;"><div class="panls1">Основные инструменты</div></a>  
<div id="tblock1s" style="display:none;">  
<a href="#" onclick="window.open('/index/86','fman','resizable=1,scrollbars=1,top=0,left=0,width=800,height=400');" target="_self"><div class="panl1" style="margin-top:3px;">Управление комментариями</div></a>  
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',350,150,{autosize:0},{url:'/index/85'});return false;" class="fUsrList"><div class="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 class="panl2">Извещения об обновлениях</div></a>  

<a id="tblock2" href="javascript://" return false;"><div class="panl3" style="margin-top:3px;">About</div></a>  
<div id="tblock2s" style="display:none;"><div class="about">  
<div class="panl1">Модераторская панель</div>  
<div class="panl"> Версия: <div class="tab_one">4.0.50 LITE</div></div>  
<a href="http://escode.ru" target="blank"><div class="panl2">Copyright esCode.Ru © 2016</div></a>  
</div></div></div>  

<?if($PAGE_ID$="entry")?><?else?>  
<a id="tblock7" href="javascript://" return="" false;"=""><div class="panls">Статистика</div></a>  
<div id="tblock7s" style="display:none;">  
<a href="#"><div class="panl1" style="margin-top:3px;">Материалов <div class="tab_one">$MYINF_X$</div></div></a>  
<a href="#"><div class="panl">Комментариев <div class="tab_one">$MYINF_X$</div></div></a>  
<a href="#"><div class="panl2" style="margin-bottom:3px;">Пользователей <div class="tab_one">$MYINF_X$</div></div></a>  
</div>  
<?endif?>  

<?if($MODER_PANEL$)?><?if($MODULE_ID$="load" or $MODULE_ID$="dir" or $MODULE_ID$="board")?><?if($PAGE_ID$="entry")?>  
<a id="tblock8" href="javascript://" return false;"><div class="panls">Управление материалом</div></a>  
<div id="tblock8s"><div class="panl3" style="margin-bottom:-1px;">$MODER_PANEL_RIGHT$</div></div>  
<?endif?><?endif?><?endif?>  

<?if($PAGE_ID$="entry")?><?else?>  
<a id="tblock9" href="javascript://" return="" false;"=""><div class="panls2">Мини-чат</div></a>  
<div id="tblock9s" style="display:none;">  
<a href="#" onclick="window.open('/mchat/0-1','fman','resizable=1,scrollbars=1,top=0,left=0,width=600,height=400');" target="_self"><div class="panl3" style="margin-bottom:-1px;">Управление сообщениями</div></a>  
</div><?endif?>  

<div id="ipanls" style=" border-top: 1px solid rgba(255, 255, 255, 0.03);"><div class="searchs">  
<?if($PAGE_ID$="userslist")?>  
<form method="post" style="margin:0px" name="memform" action="/index/" onsubmit="this.subm.disabled=true;">  
<input type="text" class="one_text" maxlength="50" name="user" placeholder="Поиск по пользователям">  
<input type="hidden" name="a" value="15" /><input type="hidden" name="s" value="1" />  
</form>  
<?else?>  
<form action="/search/" method="get" onsubmit="this.sfSbm.disabled=true">  
<input type="text" class="one_text" maxlength="50" name="q" placeholder="Поиск по сайту...">  
<input type="submit" class="one_button transition-opacity" name="sfSbm" value="">  
</form>  
<?endif?>  
</div></div>  

<?if($UNREAD_PM$>'0')?>  
<a id="tblock10" href="javascript://" return false;"><div class="panls3" style="margin-bottom:3px;">Новые сообщения <div class="tab_ls">$UNREAD_PM$</div></div></a>  
<div id="tblock10s"<?if($UNREAD_PM$>'3')?> style="display:none;"<?endif?>><div class="Notiff"></div></div>  
<?endif?>  

</div></div></div>  
<!-- /admin_panel_by_escode.ru_ver_4.0.50_lite -->  
<?endif?>  

<link type="text/css" rel="StyleSheet" href="http://escode.ru/ipanel/4lite_release/admin_panel4_by_escode.ru.css" />
<script type="text/javascript" src="http://escode.ru/ipanel/4lite_release/admin_panel_by_escode.ru.js"></script>  


Настройка скрипта

Информеры


Информеры используются для счета количества пользователей, комментариев и материалов.

Думаю по их настройке все понятно, она такая же как и во всех прошлых версиях. Вместо $MYINF_X$ ставим свой код информера.

Параметры информера:

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

Редактор CSS


Наведя на кнопку "Предложения", Вы можете увидеть кнопку "Редактор CSS". По умолчанию она открывает стандартную страницу редактирования CSS. Т.е Tmpls - Общие шаблоны - Таблица стилей (CSS). Если Ваша таблица стилей находится там, то нет проблем, но если же они импортированы в FTP, придется немного поработать...

- Идем в FTP
- Ищем ваши стили CSS
- Нажимаем на кнопку "Изменить содержимое материала"
- В открывшемся окне тапаем правой кнопкой мыши на верхний бар и жмем "Скопировать ссылку"
- Ищем в коде админ-панели строку:

Код
<a href="#" onclick="window.open('/tmpls/?a=tmpl;m=3;t=3');" target="_self"><img src="http://escode.ru/ipanel/4/s3.png" style="opacity:0.7;margin:0 10px -4px 5px;">Редактор CSS</a>


И заменяем /tmpls/?a=tmpl;m=3;t=3 на скопированную ссылку. Вот и все!

Демо выкладывать не буду, потому что она такая же как и в версии "PRO" ( http://escode.ru/ipanel/4/release/4.0.50.html )

Установка завершена!

Предлагайте Ваши идеи по развитию скрипта и жду всех в комментариях!
К материалу оставили 4 комментария
злой
Тимофей Борисович @злой
44
12.11.2016 в 23:12 - Суббота
Лично я больше не вижу у себя панели, не знаю в чём причина, может так надо теперь? 9
-D-I-N-I-S-
Динис Хакимов @-D-I-N-I-S-
2
13.11.2016 в 09:39 - Воскресенье
злой, проверил, все работает... 18 , Старую заменил да?
Graff
Евгений Граф @Graff
31
13.11.2016 в 12:13 - Воскресенье
Не успел оценить прошлую версию, уже вышла новая 4 18 18 18
LowRider
Вадим Хакимов @LowRider
3
16.11.2016 в 23:53 - Среда
злой, не знаю как у тебя, но у меня все отлично работает 6 18