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

1970
9.6 из 10
Проголосовало: 9






Представляю, замечательный скрипт который заменит ваш 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. Установка окончена.
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://web.reslear.ru/
  • Всего комментариев: 2

EXido
0
EXido написал: Написано 08 Сентября 2014 в 14:15
Комментарий №2
Спасибо товарищу админу вебреслера, скрипт особенно хорош тем людям, которые знают как его можно использовать. Жаль, правда, что сейчас он не работает. Сайт реслера обновляется.

Женя
0
Женя написал: Написано 04 Декабря 2013 в 15:04
Комментарий №1
Спс Админ! робит))))

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2124
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • ЯдеR написал:
  • ставлю CSS стили и слетает стиль шапки и статистика ни как не меняется на такую, как у вас в примере
  • ЯдеR написал:
  • не работает(
  • BLAzER написал:
  • 404 sad
  • Site_Test написал:
  • вместо
    Код
    <script type="text/javascript">  
    <!-- Progess bar - NEW uCoz "By Lekus" 2017. uFace -->  
    <!--  
    document.write(unescape('%3C%6C%69%6E%6B%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%20%72%65%6C%3D%22%53%74%79%6C%65%53%68%65%65%74%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%75%66%61%63%65%2E%61%74%2E%75%61%2F%64%65%6D%6F%2F%50%72%6F%67%65%73%73%5F%62%61%72%4E%45%57%2F%73%74%79%6C%65%2E%63%73%73%22%20%2F%3E'));
    //-->  
    </script>


    пишем просто
    Код
    <link type="text/css" rel="StyleSheet" href="http://uface.at.ua/demo/Progess_barNEW/style.css" />
    в страница добавления/редактирования материала отображается следуещее ,success:function(a){var a=$(a);!a.text().match('myWinError')? plusrep(a) : _uWnd.content('addEnt',a.text().match(/<div[^<>]*>(.+)<\/div>/i)[0])||$('input.manFlSbm').attr('disabled',0)}

    и не работает ничего(, что делать?
    Последние темы
    Опрос
    291
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 5
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: