На сайте mega-quatro.3dn.ru вы найдёте: Скачать, Бесплатно, Программа, Игра, game, mp3, Шаблон, javascript, Скрипт, Для ucoz, microsoft Клип Смотреть video Видео Скрипты для ucoz Шаблоны сайтов для ucoz Кино Онлайн portable а также Тема и фотошоп

У нас так же имееться: CS, Counter strike, Photoshop, Кисти, Фото, Урок, Музыка, Ucoz, Форум, Шаблоны для ucoz, Скрипты для ucoz, Скрипты для юкоз, юкоз,
Пусто
18.10.2019
 
| Главная | Форум | Поиск | Фотоальбом | FAQ | Радио | Ваша ссылка | Регистрация |
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
BAZA-Softa™ | БАЗА-Софта™ Форум » Скрипты для uCoz » Другие скрипты для uCoz » Красивое горизонтальное меню
Красивое горизонтальное меню
_Vadim_Дата: Суббота, 27.03.2010, 00:22 | Сообщение # 1
Админчег =))
Сообщений: 393
[ 7 ]
Красивое горизонтальное меню

Пример:

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

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-->
BAZA-Softa™ | БАЗА-Софта™ Форум » Скрипты для uCoz » Другие скрипты для uCoz » Красивое горизонтальное меню
  • Страница 1 из 1
  • 1
Поиск:

Статистика

Рейтинг@Mail.ru PR-CY.ru





Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Администрация ответственности за содержание материала не несет и убытки не возмещает.
По истечении 24 часов материал должен быть удален с вашего компьютера.
Незаконная реализация карается законами РФ и Украины: "Об авторском и смежном праве".
При копировании материала, ссылка на сайт
обязательна!(правообладателям)