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

862
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 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
    Последние темы
    Опрос
    469
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: