Главная » Файлы » Скрипты для uCoz » Меню |
Новости + друзья сайта + меню для uCoz
24.06.14, 09:50:47 | |
Решил собрать в одной панельки почти всё самое нужное.Панель чем-то похожа на панель дополнений на этом сайте, которое появляется при клике на шестерёнки в углу сайта. Панель очень необычная) Установка: В верхнюю часть сайта в саиый вверх Код <div class="tops" align="center" valign="top" style="-moz-user-select:none" oncopy="return false"> <noindex> <hr> <span class="content"> <table> <tbody><tr> <td> <b>1)</b><a href="ссылка">Читайте правила общения на форуме, чтобы не попасть в бан!</a> <br> <b>2)</b><a href="ссылка">Участились случаи взлома аккаунтов в игре</a> <br> <b>3)</b><a href="ссылка">Googl опубликовал GO</a> <br> <b>4)</b><a href="ссылка">Продаётся перс 90+, фул бож</a> <br> <b>5)</b><a href="ссылка">Флуд запрещён, подробности...</a> </td> <td align="right" width="150px" style="border-right:2px solid #F00; border-left:2px solid #F00;"> <span class="content"> <marquee direction="down" scrollamount="1" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=1" width="350" height="70"><br> <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"> Название сайта</div><br> <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"> Название сайта</div><br> <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"> Название сайта</div><br> <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"> Название сайта</div><br> <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"> Название сайта</div><br> <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"> Название сайта</div><br> <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"> Название сайта</div></marquee> </span> </td> <td> <div style="color:#FF6633;box-shadow:0px 2px 6px #777777;"> <img height="31" width="88" src="Байнер вашего сайта.Думаю он есть)" /> </div><br> <div style="color:#FF6633;box-shadow:0px 2px 6px #777777;"> Наша кнопка </div> </td> </tr> </tbody></table> <br> <div class="menushka"> <a href="/">Главная</a> <a href="/forum">Форум</a> <a href="#">пункт</a> <a href="#">пункт</a> <a href="#">пункт</a> <a href="#">пункт</a> <a href="#">пункт</a> <a href="#">пункт</a> <a href="#">пункт</a> <a href="#">пункт</a> <a href="#">пункт</a> </div> </span> </noindex> <div class="tips"></div> <script type="text/javascript"> $('.tips').click(function(){ if($('.tops').css('marginTop') == '-140px' ){ $('.tops').animate({'marginTop':'0px'}); $(this).attr('style','position:absolute; top:2px; right:4px; height:32px; width:32px; border:none; background:url(/img/2.png) no-repeat;'); } else { $('.tops').animate({'marginTop':'-140'}); $(this).attr('style',''); $(this).css('background','url(/img/1.png) top'); } }); </script> В css пихаем это: Код * { padding:0px; margin:0px; } .tops { background:url('/img/3.gif') top #DDDFFF; position:absolute; z-index:99; width:100%; height:140px; margin-top:-140px; border-bottom:1px outset #323232; font-size:10px; 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 #999999; } .tops .tips { background:url('/img/1.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; margin-top:5px; text-shadow:1px 1px 1px #555; } .sSample {text-align:center;padding:3px;border:1px solid #488ebf;margin:5px;cursor:pointer;font-size:7pt;} .sSampleO {text-align:center;padding:3px;border:1px solid #3d55e7;margin:5px;cursor:pointer;background:#488ebf;font-size:10pt;color:#ffffff;} .menushka a { margin-left:30px; text-align:left; display:inline; color:#787878; text-shadow: 1px 1px 1px #999999; font-size:12px;} .menushka a:hover { margin-left:30px; text-align:left; display:inline; color:#787878; text-shadow: 1px 1px 1px #999999;font-size:14px;} Картинки из прикрепленного архива заливаем в папку img, вашего файлового менеджера. Установка завершена. Думаю как поменять ссылки в меню, новости и баннеры, разберётесь | |
Просмотров: 494 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |