Скрипт панель с правилами сайта (Выдвижная)
Полезный по своему Скрипт панель с правилами сайта (Выдвижная). Его можно ставить как в низ сайта в самый низ его и так же в верх сайта но уже в самый вверх его. Это вам решать и смотреть по дизайну сайта. Будит кнопка вызова и кнопка закрытия окна. В таблицы вы сами прописываете свой правила. А то есть поменять их в коде. Установка: Этот стиль в CSS Код * { padding:0px; margin:0px; } .tops { background:url('http://zornet.ru/ZORNET-RU/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://zornet.ru/ZORNET-RU/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; } Этот код вниз или вверх сайта: Код <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://zornet.ru/ZORNET-RU/12.png) no-repeat;'); } else { $('.tops').animate({'marginTop':'-120'}); $(this).attr('style',''); $(this).css('background','url(http://zornet.ru/ZORNET-RU/11.png) top'); } }); </script> </div> |
Поделиться в социальных сетях
Материал разместил
Комментарии: 0 | |