Сворачиваемая админ панель с функцией запоминания на jQuery и CSS...

819
9 из 10
Проголосовало: 8






Данный скрипт добавит админ панели вашего сайта функцию сворачивания при клике по полоске под ней



Установка:

После </head> на нужных страницах вставляйте:

Код
<style>  
  .cuzadpn, .subapoadminpanel {  
  -o-transition:margin-top .3s ease;  
  -webkit-transition:margin-top .3s ease;  
  -moz-transition:margin-top .3s ease;  
  }  
  #puzadpn {  
  -o-transition:height .3s ease;  
  -webkit-transition:height .3s ease;  
  -moz-transition:height .3s ease  
  }  
  .subapoadminpanel {  
  width: 100%;  
  height: 7px;  
  position: fixed;  
  background: rgb(200, 200, 200);  
  z-index: 999;  
  margin-top: 24px;  
  box-shadow: 0px 1px 3px #777;  
  cursor:pointer;  
  }  
  .subapoadminpanel:hover {  
  background: rgb(190, 190, 190);  
  }  
  </style>  
  <script>  
  // apo-ucoz.com  
  function setCookie(name, value, days) {  
  if (days) {  
  var date = new Date();  
  date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));  
  var expires = "; expires=" + date.toGMTString();  
  }  
  else var expires = "";  
  document.cookie = name + "=" + value + expires + "; path=/";  
  }  
  function getCookie(name) {  
  var nameEQ = name + "=";  
  var ca = document.cookie.split(';');  
  for (var i = 0; i < ca.length; i++) {  
  var c = ca[i];  
  while (c.charAt(0) == ' ') c = c.substring(1, c.length);  
  if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);  
  }  
  return null;  
  }  
  function eraseCookie(name) {  
  setCookie(name, "", -1);  
  };  

  $(document).ready(function() {  
  $('#puzadpn').before('<div class="subapoadminpanel"></div>');  
  if(getCookie('hideapoadmin')) {  
  $('#puzadpn').attr('style', 'height:0px;');  
  $('.cuzadpn').attr('style', 'margin-top:-24px;');  
  $('.subapoadminpanel').attr('style', 'margin-top:0px;');  
  apohider = 1;  
  } else {  
  apohider = 0;  
  $('#puzadpn').attr('style', 'height:24px;');  
  $('.cuzadpn').attr('style', 'margin-top:0px;');  
  $('.subapoadminpanel').attr('style', 'margin-top:24px;');  
  }  

  $('.subapoadminpanel').click(function() {  
  if(apohider == 1) {  
  apohider = 0;  
  $('#puzadpn').attr('style', 'height:24px;');  
  $(this).attr('style', 'margin-top:24px;');  
  $('.cuzadpn').attr('style', 'margin-top:0px;z-index:' + _uWnd.getTopZ());  
  eraseCookie('hideapoadmin');  
  }  
  else  
  {  
  apohider = 1;  
  $('#puzadpn').attr('style', 'height:0px;');  
  $(this).attr('style', 'margin-top:0px;');  
  $('.cuzadpn').attr('style', 'margin-top:-24px;');  
  setCookie('hideapoadmin', 1, 365);  
  };  
  });  
  });  

// ApoTeam (c) 2013  
</script>
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://www.apo-ucoz.com/
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2115
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Добрый вечер.Подскажите,пожалуйста: как сделать, чтобы второй или третий набор смайлов заменить своими.
Вы сами себе пишите?
  • CbIPoK2513 написал:
  • Скрипт хорош, уже подстроил свой сайт под него :3
  • gefest35 написал:
  • Супер)))!пасиб за работу!!!
  • sasha2016tv написал:
  • Хороший скрипт
    Последние темы
    Опрос
    235
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 6
    Гостей: 5
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: