Читы,Шаблоны,css,cs1.6,uCoz,Photoshop,Патчи,Оружия, - Скрипт Красивое горизонтальное меню для uCoz

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

CENTR_CS

Дата: Четверг, 09.06.2011, 06:49 | Сообщение # 1

FoL

Сообщений: 630

Награды: 6

Репутация: 148

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

ПРОДАМ ЭТО САЙТ ПИСАТЬ n0-sounjkee@mail.ru
~~₣ǾŁ~~