Панель администратора v2
827материалов
228тем на форуме
3003комментария
6152пользователя

Панель администратора v2


Представляю, замечательный скрипт который заменит ваш Admin Bar, на более упрощённую и удобную версию. В первую очередь это будет полезно тем кто, ненавидит стандартный бар и вовсе его исключает из исходного кода своего сайта, как впрочем и я.

А ведь иногда настаёт тот момент когда та самая стандартная панель так нужна ибо не помнишь адреса создания страницы или лень печатать адрес, да и вообще когда нужна какая либо перемененная страницы. Немного подумав, родилась идея, вплоть до воплощения.

Проанализировав, я выбрал нужные и важные функции исходя из личного круга пользования, а так же благодаря моей любви к дизайну в стиле минимализм, у меня получилось нечто удобное, полезное и компактное.

Так же если, для вас недостаточно некоторых функций, не составит труда добавить несколько кнопок лично вам, так как этот процесс даже очень прост.

Что изменилось в новой версии?

* Исправлено множество багов
* Изменён дизайн
* Появился генератор

Установка

1. Перейдите в Редактор Шаблонов, выберите шаблон Нижняя часть сайта, после в самый конец добавьте данный код:
Код
<?if($GROUP_ID$ == 4)?>     
     <!-- Панель разработчика -->     
     <script src="http://webo4ka.ru/_ld/39/3969_reslear.devPane.js"></script>     
     <script>     
     $(function(){     
     var systemJson = {'REQUEST_URI':'$REQUEST_URI$','MODULE_ID':'$MODULE_ID$','PAGE_ID':'$PAGE_ID$','URI_ID':'$URI_ID$'}, array = [['http://web.reslear.ru/s/i/p_icons/079.png','Список переменных страницы','$.devPanell(\'show\', this);'],['http://web.reslear.ru/s/i/p_icons/add_page.png','Добавить страницу','/index/31'],['http://web.reslear.ru/s/i/p_icons/dsg.png','Управление дизайном','/tmpls/'],['http://s83.ucoz.net/img/icon/fm.png','Перейти в Файловый менеджер','/tmpls/?a=fm']];     
     $.devPanell('init', systemJson, array);     
     });     
     </script>     
     <!-- /Панель разработчика -->     
     <?endif?>

или сгенерируйте его на собственный, изменяя пункты панели (иконки, названия и адреса страниц).
Ссылка на онлайн генератор - http://web.reslear.ru/s/e/dev-panell.htm.

2. Перейдите в шаблон Таблица стилей CSS куда добавьте следующие строки:
Код
/*<!-- Панель разработчика -->*/     
     .devpanell{position:fixed;top:70%;left:0;}     
         
     .devpanell a{background:#939AA4;display:block;font: 11px Tahoma;color:#fff;text-decoration:none;padding: 5px;text-align: center;}     
     .devpanell a:first-child{border-radius: 0 3px 0 0}     
     .devpanell a:last-child{border-radius: 0 0 3px 0 !important;}     
         
     .devpanell a:hover{background:#757A82;text-decoration:none;}     
     .devpanell a img{display:block}     
     .devpanell a:hover img{opacity:.5}     
     .devpanell a:active,.devpanell-active{background: #575B60 !important;box-shadow: inset 0 0 5px -2px rgba(0,0,0,.5)}     
         
     .devpanell-vars{display:none;top:0px;position: absolute;padding: 10px;background:#939AA4;border-radius: 0px;left:36px;border-radius:2px;text-shadow: rgba(0, 0, 0, 0.149) 0px 1px 0px;box-shadow: inset 0px -2px rgba(255, 255, 255, 0.102), inset 0px -3px rgba(0, 0, 0, 0.102), 0px 1px rgba(0, 0, 0, 0.047);}     
     .devpanell-vars:after{border-color: transparent #939AA4;content: '';position: absolute;border-style: solid;border-width: 5px 5px 5px 0;display: block;width: 0;z-index: 1;left: -5px;top: 9px;}     
     .devpanell-vars:before{border-color: transparent;content: '';position: absolute;border-style: solid;border-width: 5px 5px 5px 0;display: block;width: 0;z-index: 0;left: -6px;top: 9px;}     
     /*<!-- Панель разработчика -->*/

Стили Панели вы можете изменить под свой дизайн, имея базовые знания по работе с каскадными таблицами.

3. Установка окончена.

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 04.12.2013 в 03:40
Материал просмотрен: 755 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 0 комментариев

Пожаловаться
Сказать спасибо
Источник

0 комментариев


avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта