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

Меню

на главную nocrisise.ruназ к меню на CSS

горизонтальное меню для сайта ucoz: Тёмное горизонтальное меню для сайта ucoz. Красивое, простенькое меню для ucoz.
Внимание:Картинки к скрипту не предлагаются, так что создаём папку в файловом менеджере под названием: «img» вставляйте любую свою картинку.

горизонтальное меню для сайта ucoz

Установка:
1) Заходим в CSS, и в любое место вставляем:

/* ——- New Menu nocrisise.ru—— */ 
#nav, #nav ul {list-style: none; margin: 0; padding: 0; float: left; width: 100%;} 
#nav li {float: left;background: url(/wp-content/uploads/img/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(/wp-content/uploads/img/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;} 
/* ——-nocrisise.ru———- */

2) Заходим в управление дизайна. В любое место вставляем

 

<!—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—>

Читайте также:  ЭЙ, Стой!!! Скрипт Красивое горизонтальное меню для uCoz

Внимание: Картинки к скрипту не предлагаются, так что создаём папку в файловом менеджере под названием: «img» вставляйте любую свою картинку.

По теме:

CSS

меню для сайтов ucoz

меню ucoz

 

Оцените статью
ЗАРАБОТОК В СЕТИ
Добавить комментарий