Скрипт горизонтальне меню для uCoz - Форум сайта CS-Yakudza.com, тут ви можите спілкуватися на тему Counter strike 1.6

Сторінка 1 з 1 1
Модератор форуму: КаVyн

Форум сайта CS-Yakudza.com » Все для uCoz » Скрипти для uCoz » Скрипт горизонтальне меню для uCoz (Горизонтальне меню для uCoz)

Скрипт горизонтальне меню для uCoz

Leet	Середа, 14.12.2011, 11:31 \| Повідомлення # 1

Повідомлень:

Нагороди:

Ранг:

Кент

Установка:
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

<table><tr><td align=center>
 <ul id="nav">
 <li><a href="ссылка">Название</a>
 <ul>
 <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка">Название</a></li>
 <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка">Название</a></li>
 <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка">Название</a></li>
 <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка">Название</a></li>
 <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка/">Название</a></li>
 <li class="uz"><a href="ссылка">Название</a></li>
 </ul>
 </li>
 <li><a href="ссылка">Название</a></li>
 <li><a href="#">Названиег</a>
 <ul>
 <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка">Название</a></li>
 <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка">Название</a></li>
 <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка">Название</a>
 <ul>
 <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка">Название</a></li>
 <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка">Название</a></li>
 <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка">Название</a></li>
 <li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="ссылка">Название</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>

Прикріпленні файли