Сворачиваемая админ панель для uCoz
На этот раз хотим поделиться чем-то таким
особенным для особенных людей и для админов сайтов. Так что надевайте
на шеи своих железных
дракончиков (нет, правда, вот никогда не видел админов без обязательного
железного дракончика на шнурке на шее) и вперед!
А представляем мы сегодня сворачиваемую админ панель с функцией
запоминания. Сделано стандартно на CSS3 плюс JQuery специально для
админов и для Ucoz. Что в ней особенного? А то что она сворачиваемая на
вас еще не произвело впечатления? Один легкий клик мышкой на полоску под
ней, и админ панель быстро, но красиво и плавно сворачивается. Если
нужно развернуть - опять же всего один клик. Не волнуйтесь - эта самая
полоска по цвету не отличается от панели админа. Очень просто - если
нужно расширить экран для каких-то там своих целей - сворачивайте и
работайте. Ну или что бы не мешалось и не мозолило глаза. Нам
понравилось. Попробуйте поставить на сайт - плагин легкий, много места
не займет. С вас комментарии, ведь всегда же интересно, как реагирует
общественность!
Установка:
После /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:0px1px3px#777;
cursor:pointer;
}
.subapoadminpanel:hover {
background: rgb(190,190,190);
}
</style>
<script>
// apo-ucoz.com
function setCookie(name, value, days){
if(days){
var date =newDate();
date.setTime(date.getTime()+(days *24*60*60*1000));
var expires ="; expires="+ date.toGMTString();
}
elsevar 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);
}
returnnull;
}
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>
|
Нравится
|
