Представляю, замечательный скрипт который заменит ваш Admin Bar, на более упрощённую и удобную версию. В первую очередь это будет полезно тем кто, ненавидит стандартный бар и вовсе его исключает из исходного кода своего сайта, как впрочем и я.
А ведь иногда настаёт тот момент когда та самая стандартная панель так нужна ибо не помнишь адреса создания страницы или лень печатать адрес, да и вообще когда нужна какая либо перемененная страницы. Немного подумав, родилась идея, вплоть до воплощения.
Что изменилось в новой версии?
* Исправлено множество багов
* Изменён дизайн
* Появился генератор
Установка 1. Перейдите в Редактор Шаблонов, выберите шаблон Нижняя часть сайта, после в самый конец добавьте данный код:
Код
<?if($GROUP_ID$ == 4)?>
<!-- Панель разработчика -->
<script src="http://for-ucoz.my1.ru/scripts/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://for-ucoz.my1.ru/scripts/079.png','Список переменных страницы','$.devPanell(\'show\', this);'],['http://for-ucoz.my1.ru/scripts/add_page.png','Добавить страницу','/index/31'],['http://for-ucoz.my1.ru/scripts/dsg.png','Управление дизайном','/tmpls/'],['http://s83.ucoz.net/img/icon/fm.png','Перейти в Файловый менеджер','/tmpls/?a=fm']];
$.devPanell('init', systemJson, array);
});
</script>
<!-- /Панель разработчика -->
<?endif?>
или сгенерируйте его на собственный, изменяя пункты панели (иконки, названия и адреса страниц).
Ссылка на онлайн генератор - http://for-ucoz.my1.ru/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. Установка окончена.
Войдите на сайт или Зарегистрируйтесь