|
Представляю, замечательный скрипт который заменит ваш Admin Bar, на более упрощённую и удобную версию. В первую очередь это будет полезно тем кто, ненавидит стандартный бар и вовсе его исключает из исходного кода своего сайта, как впрочем и я.
А ведь иногда настаёт тот момент когда та самая стандартная панель так нужна ибо не помнишь адреса создания страницы или лень печатать адрес, да и вообще когда нужна какая либо перемененная страницы. Немного подумав, родилась идея, вплоть до воплощения. Проанализировав, я выбрал нужные и важные функции исходя из личного круга пользования, а так же благодаря моей любви к дизайну в стиле минимализм, у меня получилось нечто удобное, полезное и компактное. Так же если, для вас недостаточно некоторых функций, не составит труда добавить несколько кнопок лично вам, так как этот процесс даже очень прост. Что изменилось в новой версии? * Исправлено множество багов * Изменён дизайн * Появился генератор Установка 1. Перейдите в Редактор Шаблонов, выберите шаблон Нижняя часть сайта, после в самый конец добавьте данный код: Код <?if($GROUP_ID$ == 4)?> <!-- Панель разработчика --> <script src="http://web.reslear.ru/s/j/reslear.devPanel.v2.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. Установка окончена. |