Главная » Файлы » Скрипты для uCoz » Меню

Красивое горизонтальное выпадающее меню для uCoz
21.06.14, 15:50:20

Скачать файл




Установка:

Вставляем на нужной странице между:
Код
<head> и </head>


Далее на этой же странице в то место, где хотим видеть меню:
Код
<table border="0" cellpadding="0" cellspacing="0" height="21" align="center" width="100%" style="background:url('http://s41.radikal.ru/i091/0903/bd/397e1bae0125.png');">
  <tr>
  <td style="background:url('http://s41.radikal.ru/i091/0903/bd/397e1bae0125.png');" height="21" width="100%" align="center">
  <script type="text/javascript">
  sfHover = function() {
  var sfEls = document.getElementById("nav_suckerfish").getElementsByTagName("li");
  for (var i=0; i<sfEls.length; i++) {
  sfEls[i].onmouseover=function() {
  this.className+=" sfhover";
  }
  sfEls[i].onmouseout=function() {
  this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
  }
  }
  }
  if (window.attachEvent) window.attachEvent("onload", sfHover);
  </script>
  <!-- HEAD -->

  <!-- BODY -->
  <div id="nav_suckerfish">

  <ul id="nav">

  <li class="top"><a href="$HOME_PAGE_LINK$"> </a></li>

  <li class="top"><a href="$HOME_PAGE_LINK$">Главная</a></li>

  <li class="top"><a href="#">Профиль</a>
  <ul>

  </li>

  <li><div align="left"><a href="/index/3">Регистрация</a></div></li>

  <li><div align="left"><a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Вход</a></div></li>
  </ul>
  </li>

  <li><a href="#">Общение</a>
  <ul>
  <div align="left">
  <li><a href="/forum/">Форум</a></li>
  <li><a href="/gb">Гостевая</a></li>
  <li><a href="#">Обратная связь</a></li>
  </div>
  </ul>
  </li>

  <li><a href="#">Разное</a><ul>

  <li><a href="#"><div align="left">Юзербары</div></a></li>
  <li><a href="#"><div align="left">Наши баннеры</div></a></li>
  <li><a href="#"><div align="left">Для вашего сайта</div></a></li>
  <li><a href="#"><div align="left">Отблагодарить сайт</div></a></li>
  <li><a href="#"><div align="left">Информация о сайте</div></a></li>

  </ul>
  </li>

  <li class="top"><a href="/news/rss/">RSS</a></li>

  </ul>

  </div>


Теперь заливаем файл из архива в корень сайта (Через файловый менеджер)

Меняем все ссылки на свои

Всё, удачи! smile

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