Последние комментарии
- DxB-studio
Оставлен 01.01.2015
Стильное оповищение Войти или зарегестрироватся для ucoz - DxB-studio
Оставлен 29.11.2014
o2 Reborn Ultimat для uCoz (ЕСТЬ ДЕМО) - Qston.3dn.ru
Оставлен 04.09.2014
Аватары в личных сообщениях - Cat
Оставлен 13.07.2014
Сворачиваемый мини-чат для ucoz - Владимир
Оставлен 07.07.2013
Форма регистрации для uCoz - ugames7
Оставлен 21.04.2013
Оригинальный шаблон для uCoz
Административная панель – это полезная вещь, поэтому не стоит ее скрывать. Скрыть ее, кстати, можно одной лишь строчкой в CSS. Но, рано или поздно, она Вам пригодится. Есть альтернативные версии админ-панели, в интернете можно найти таковую в виде плавающего окна, например. Зачем нам трогать стандартную панель, ее ведь все равно видит только группа администраторы. Оптимальным вариантом может только кнопка вместо админ-панели для uCoz. Здесь все очень просто: маленькая квадратная кнопка будет показываться вместо админ-панели, по нажатию на нее будет выдвигаться стандартная панель.
Установка:
На страницах где нужна эта кнопка вверху сразу после тега body вставляй этот код:
Код
<style type="text/css">
#admbtn {display:none}
.admin_button_1 {z-index:99;position:absolute;top:10px;right:10px;width:30px;height:30px;overflow:hidden;background:url('http://3week.clan.su/img4/sprites.png') -583px -209px}
.admin_button_2 {z-index:99;position:absolute;top:10px;right:10px;width:30px;height:30px;overflow:hidden;background:url('http://3week.clan.su/img4/sprites.png') -613px -209px;cursor:pointer}
</style>
<div style="display:none" id="admtrfl">0</div>
<div onclick="open_bar()" id="admbtn" class="admin_button_1" onmouseout="classN('admbtn','admin_button_1')" onmouseover="classN('admbtn','admin_button_2')"> </div>
<script type="text/javascript">
function classN(id_pin, class_pin) {document.getElementById(id_pin).className=class_pin}
$(document).ready(function() {$('#puzadpn').fadeTo(0,1);setTimeout(function(){$('#admbtn').fadeIn(500);$('#puzadpn').fadeOut(100)},100)});
function open_bar() {
adm_inst = $('#admtrfl').html()
if(adm_inst == '0') {$('#puzadpn').slideToggle(100);$('#admbtn').animate({marginTop:'24px'},100);$('#admtrfl').html('1')} else {
$('#puzadpn').slideToggle(100);$('#admbtn').animate({marginTop:'0'},100);$('#admtrfl').html('0')}}
</script>
#admbtn {display:none}
.admin_button_1 {z-index:99;position:absolute;top:10px;right:10px;width:30px;height:30px;overflow:hidden;background:url('http://3week.clan.su/img4/sprites.png') -583px -209px}
.admin_button_2 {z-index:99;position:absolute;top:10px;right:10px;width:30px;height:30px;overflow:hidden;background:url('http://3week.clan.su/img4/sprites.png') -613px -209px;cursor:pointer}
</style>
<div style="display:none" id="admtrfl">0</div>
<div onclick="open_bar()" id="admbtn" class="admin_button_1" onmouseout="classN('admbtn','admin_button_1')" onmouseover="classN('admbtn','admin_button_2')"> </div>
<script type="text/javascript">
function classN(id_pin, class_pin) {document.getElementById(id_pin).className=class_pin}
$(document).ready(function() {$('#puzadpn').fadeTo(0,1);setTimeout(function(){$('#admbtn').fadeIn(500);$('#puzadpn').fadeOut(100)},100)});
function open_bar() {
adm_inst = $('#admtrfl').html()
if(adm_inst == '0') {$('#puzadpn').slideToggle(100);$('#admbtn').animate({marginTop:'24px'},100);$('#admtrfl').html('1')} else {
$('#puzadpn').slideToggle(100);$('#admbtn').animate({marginTop:'0'},100);$('#admtrfl').html('0')}}
</script>
Готово.
Другие новости |
Поделиться ссылкой
|
1 |
neodmin пишет: | 21.01.2013 | 23:34
Страница с комментарием |
НЕ работает((((
(0)
|