Главная » Файлы » Скрипты для uCoz » Пользователи

Сворачиваемая админ панель с функцией запоминания на jQuery и CSS3 by Apocalypse для uCoz
24.06.14, 16:27:03





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

Установка:

После /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>


Материал разработан и подготовлен Apocalypse
Категория: Пользователи | Добавил: Apocalypse | Теги: запоминания, админ, Apocalypse, by, на, JQuery, панель, CSS3, Сворачиваемая, функцией
Просмотров: 353 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: