• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Скрипт выдвижная панель с правилами сайта для uCoz
Скрипт выдвижная панель с правилами сайта для uCoz
Delete
Вторник, 11 Сентября 2012 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1079
Награды: 7


Установка:
В CSS в самый низ вставляем:

Code
* { padding:0px; margin:0px; }
.tops { background:url('http://www.cstav.ru/uCoz/3_uCoz-raz/45/2.gif') top #DDDFFF; position:absolute; z-index:99; width:100%; height:120px; margin-top:-120px; border-bottom:1px outset #323232; font-size:11px; cursor:default; }
.tops .title { margin:5px; text-align:left; display:block; padding:5px; color:#DDDEEE; font-weight:bold; text-shadow: 1px 1px 1px #000; }
.tops .content { margin-left:30px; text-align:left; display:block; color:#787878; text-shadow: 1px 1px 1px #000; }
.tops .tips { background:url('http://www.cstav.ru/uCoz/3_uCoz-raz/45/11.png') top; position:absolute; height:32px; width:32px; right:35%; bottom:-38px; cursor:pointer; z-index:999; }
.tops hr { margin-bottom:5px; background:none; border:none; border-bottom:1px dashed #232323; }
.tops b { color:#CC0000; }
.tops em { color:#000000; font-size:10px; margin-top:5px; text-shadow:1px 1px 1px #555; display:block; }


А этот скрипт ставим в верхнюю часть сайта в самый верх:
Code
<div class="tops" align="center" valign="top" style="-moz-user-select:none" oncopy="return false">
<noindex>
<span class="title">Общие правила, общения на сайте!</span>
<hr>
<span class="content">
<b>1)</b> Строго запрещается оскорблять друг друга, используя ненормативную лексику = бан от 1 дня и более!
<br>
<b>2)</b> Строго запрещен флуд, спам, флейм и любое проявления троллинга, наказание бан/рецедив = 1 день/навсегда.
<br>
<b>3)</b> Строго запрещается оскорбление мoдераторов и администраторов сайта, наказание = бан по усмотрению администрации.
<br>
<b>4)</b> Высказывание недовольства в адрес коллектива сайта, по поводу их работы, так же будет наказано! Запомните, ни кто тут вам, ни чем, не обязан!.
<br>
<em>Администрация сайта, оставляет за собой право изменять и дополнять правила.</em>
</span>
</noindex>
<div class="tips"></div>
<script type="text/javascript">  
$('.tips').click(function(){  
if($('.tops').css('marginTop') == '-120px' ){  
$('.tops').animate({'marginTop':'0px'});  
$(this).attr('style','position:absolute; top:2px; right:4px; height:32px; width:32px; border:none; background:url(http://www.cstav.ru/uCoz/3_uCoz-raz/45/12.png) no-repeat;');  
} else {  
$('.tops').animate({'marginTop':'-120'});  
$(this).attr('style','');  
$(this).css('background','url(http://www.cstav.ru/uCoz/3_uCoz-raz/45/11.png) top');  
}  
});  
</script>  
</div>
Прикрепления: 3235690.jpg (64.5 Kb)


На случай если буду нужен, то я там же, где и был, когда был не нужен...
Страна: (RU)
Delete
Вторник, 11 Сентября 2012 | Сообщение 2
Оффлайн
Проверенные
Сообщений:1079
Награды: 7
работающий 100%

На случай если буду нужен, то я там же, где и был, когда был не нужен...
Страна: (RU)
Kosten
Среда, 12 Сентября 2012 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44376
Награды: 70
Прикольная тема, как понимаю скрипт под темный дизайн сайта!
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Скрипт выдвижная панель с правилами сайта для uCoz
  • Страница 1 из 1
  • 1
Поиск: