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


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

777
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 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 6
    Гостей: 5
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: