Главная » Файлы » Скрипты для 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, вашего файлового менеджера.

Установка завершена.

Думаю как поменять ссылки в меню, новости и баннеры, разберётесь wink
Категория: Меню | Добавил: Apocalypse | Теги: друзья, ucoz, Новости, для, Меню, сайта
Просмотров: 449 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: