Материалы
Новая, админ, панель, меню

Новая админ панель

 PumaSideBar - выдвижной сайдбар который положен в основу скрипта админ панели
 
Скрипт, профиль, скрипт меню, новая админ панель

 
 
Установка.

1. Скачиваем и заливаем папку


2. В <head> на странице сайта вставляем следующий код


Код
<script type="text/javascript" src="/PumaSideBar/PumaSideBar.js"></script>  
<link id="mainStyle" href="/PumaSideBar/PumaSideBar.css" rel="stylesheet" type="text/css" media="screen">  
<link rel="stylesheet" href="/PumaSideBar/fontawesome/font-awesome.min.css">



3.В низ сайта вставляем


Код
<style>#puzadpn {display:none}</style>  
<?if($USER_LOGGED_IN$)?>  
<script type="text/javascript">  
  $(".botTheme").on("click",function()  
  { var a=$(this).attr("theme"); $("#mainStyle").attr( { href:"/PumaSideBar/PumaSideBar.css" } ) }  
  );  
  $("#user-sidebar").on("click",function()  
  {  
  $.PumaSideBar(  
  {  
  <?if($USER_AVATAR_URL$)?>  
  position:"left",label:"$USERNAME$",movebody:true,avatar:"$USER_AVATAR_URL$",items:[  
  <?else?>  
  position:"left",label:"$USERNAME$",movebody:true,avatar:"/PumaSideBar/no-photo.png",items:[  
  <?endif?>  

  {  
  fa:"fa-user",text:"Профиль",link:"/index/8",target:"_blank"  
  }  
  ,  
  {  
  <?if($IS_NEW_PM$)?>  
  fa:"fa-envelope",text:"Сообщения +$UNREAD_PM$",link:"/index/14",target:"_blank"  
  <?else?>  
  fa:"fa-envelope",text:"Сообщения",link:"/index/14",target:"_blank"  
  <?endif?>  

  }  
  ,  
   
{  
  fa:"fa-download",text:"Добавить файлы",link:"/load/0-0-0-0-1"  
  }  
  ,  

{  
  fa:"fa-download",text:"Добавить новость",link:"/news/0-0-0-0-1"  
  }  
  ,  

{  
  fa:"fa-download",text:"Добавить статью",link:"/blog/0-0-0-0-1" $_DIR_ENTRIES$  
  }  
  ,  

{  
  fa:"fa-download",text:"Добавить сайт",link:"/dir/0-0-0-0-1"  
  }  
  ,  

<?if($USERNAME$="СЮДА ВСТАВИТЬ НИК АДМИНИСТРАТОРА")?>  
{  
  fa:"fa-comments",text:"Комментарии",link:"/index/86",target:"_blank"  
  }  
  ,  
{  
  fa:"fa-folder-open",text:"Файловый менеджер",link:"/tmpls/?a=fm;n=1",target:"_blank"  
  }  
  ,  
{  
  fa:"fa-code",text:"Панель управления",link:"/panel/",target:"_blank"  
  }  
  ,  

<?else?><?endif?>  

  {  
  fa:"fa-gear",text:"Настройки",link:"/index/11",target:"_blank"  
  }  

  ,  
  {  
  fa:"fa-sign-out",text:"Выйти",link:"/index/10"  
  },  
  ]  
  }  
  ,function(b,a)  
  {  
  }  
  )  
  }  
  );  
</script>  
<?else?><?endif?>  
<a href="http://ugrade.ru/" style="display:none;">Скрипты</a>  
<style>  
  .cross { cursor: crosshair; }  
  .help { cursor: help; }  
</style>



4.Вставляем в любое место для вывода админ панели


Код
<section>  
<a class="user-sidebar-button" title="" id="user-sidebar" style="cursor:pointer;"><span>Панель управления</span></a>  
</section>



5. Удаляем данный код для вывода стандартной админ панели


Код
<style>#puzadpn {display:none}</style>

Советуем к просмотру:

Сохраните в социальную сеть
Прикрипления

Комментарии
Комментариев пока нет, вы можете оставить комментарий первым.
Оставить комментарий
avatar