Новые сообщения Участники Правила форума Поиск Лента новостей
  • Страница 1 из 1
  • 1
Форум » Скрипты для Ucoz » Скрипты Менюшек Ucoz » Скрипт Красивое горизонтальное меню для uCoz (Горизонт. менюшка)
Скрипт Красивое горизонтальное меню для uCoz
timeДата: Суббота, 26.11.2011, 22:18 | Сообщение # 1
Главный Администратор
Пол: Мужчина
Репутация: 18
Сообщений: 170
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Просто прикольное меню)
Скрин:

Установка:
1) Заходим в КСС, и в любое место вставляем:
Code
/* ------- New Menu ------ */  
  #nav, #nav ul {list-style: none; margin: 0; padding: 0; float: left; width: 100%;}  
  #nav li {float: left;background: url(/pd.png);}  
  #nav li.uz {float: left; position: relative;background: none;}  
  #nav a {text-decoration: none; display: block; width: 120px; height:25px; padding-top: 7px;}  
  #nav a:hover {background: #806F61;}  
  #nav li:hover,  
  #nav li.jshover {background: #806F61;}  
  #nav li ul {display: none; position: absolute; background: url(/dp.png); padding: 1px; width: 118px;}  
  #nav li li a {width: 118px; background: none;}  
  #nav li:hover ul,  
  #nav li.jshover ul {display: block;}  
  #nav li:hover li ul,  
  #nav li.jshover li ul {display: none; width: 119px; top: 0px; left: 118px;}  
  #nav li:hover li:hover ul,  
  #nav li.jshover li.jshover ul {display: block;}  
  /* ----------------- */

2) Заходим в управление дизайна. В любое место вставляем:
Code
<!--U1NEWMENU1Z--><table><tr><td align=center>  
  <ul id="nav">  
  <li><a href="ссылка"><FONT size=2 color="#FFFFFF"><b>Название</b></FONT></a>  
  <ul>  
  <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка"><FONT color="#EBE6E3">Название</FONT></a></li>  
  <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка"><FONT color="#EBE6E3">Название</FONT></a></li>  
  <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка"><FONT color="#EBE6E3">Название</FONT></a></li>  
  <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка"><FONT color="#EBE6E3">Название</FONT></a></li>  
  <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка/"><FONT color="#EBE6E3">Название</FONT></a></li>  
  <li class="uz"><a href="ссылка"><FONT color="#EBE6E3">Название</FONT></a></li>  
  </ul>  
  </li>  
  <li><a href="ссылка"><FONT size=2 color="#FFFFFF"><b>Название</b></FONT></a></li>  
  <li><a href="#"><FONT size=2 color="#FFFFFF"><b>Названиег</b></FONT></a>  
  <ul>  
  <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка"><FONT color="#EBE6E3">Название</FONT></a></li>  
  <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка"><FONT color="#EBE6E3">Название</FONT></a></li>  
  <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка"><FONT color="#EBE6E3">Название</FONT></a>  
  <ul>  
  <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка"><FONT color="#EBE6E3">Название</FONT></a></li>  
  <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка"><FONT color="#EBE6E3">Название</FONT></a></li>  
  <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка"><FONT color="#EBE6E3">Название</FONT></a></li>  
  <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка"><FONT color="#EBE6E3">Название</FONT></a></li>  
  </ul>  
  </li>  

  <script type="text/javascript">  
  jsHover = function() {  
  var hEls = document.getElementById("nav").getElementsByTagName("LI");  
  for (var i=0, len=hEls.length; i<len; i++) {  
  hEls[i].onmouseover=function() { this.className+=" jshover"; }  
  hEls[i].onmouseout=function() { this.className=this.className.replace(" jshover", ""); }  
  }  
  }  
  if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover);  
  ></script></td></tr></table><!--/U1NEWMENU1Z-->

Удачи с установкой!


wetalukДата: Четверг, 22.08.2013, 00:40 | Сообщение # 2
Тень
Группа: Пользователи
Пол: Мужчина
Репутация: 0
Сообщений: 16
новости экономикиновости спортаAJViewНовости мираАвтомобильные новостиновости игрновости гаджетов
Форум » Скрипты для Ucoz » Скрипты Менюшек Ucoz » Скрипт Красивое горизонтальное меню для uCoz (Горизонт. менюшка)
  • Страница 1 из 1
  • 1
Поиск: