Система ucoz позволяет создать выпадающее меню и делается это довольно просто. Находим конструктор. Далее нажимаем на включить конструктор. Слева от Вас находим блок под названием меню сайта, нажимаем на настройки "гаечный ключ". Перед собой видим перечень меню. Нужное оставляем, при необходимости редактируем, остальное удаляем. Затем выбираем что-то за первостепенное, главное для Вашего сайта. После этого наводим мышь на зеленый крестик слева, под стрелкой видим надпись "вложить". Нажимаем на правую кнопку мыши и перетаскиваем в, то главное Вашего сайта. Подтверждением, что это произошло видим смещение пункта меню вправо. Для создания подкатегорий меню используем строку "Добавить пункт меню", где прописываем название и УРЛ, адрес страницы перехода, опция "окрывать в новом окне" по желанию. Далее поступаем так, как написано выше. Если Вам потребовалось индивидуальное меню, то здесь могу предложить html тела меню :
<body>
<style type="text/css"> .suckerdiv ul{ margin: 0; padding: 0; list-style-type: none; width: 160px; /* Width of Menu Items */ border-bottom: 1px solid #ccc; }
.suckerdiv ul li{ position: relative; }
/*Sub level menu items */ .suckerdiv ul li ul{ position: absolute; width: 170px; /*sub menu width*/ top: 0; visibility: hidden; }
/* Sub level menu links style */ .suckerdiv ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: black; text-decoration: none; background: #fff; padding: 1px 5px; border: 1px solid #ccc; border-bottom: 0; }
.suckerdiv ul li a:visited{ color: black; }
.suckerdiv ul li a:hover{ background-color: #; }
.suckerdiv .subfolderstyle{ background: url(http://promax.pp.ru/imagesmenu/arrow-list.gif) no-repeat center right; }
/* Holly Hack for IE \*/ * html .suckerdiv ul li { float: left; height: 1%; } * html .suckerdiv ul li a { height: 1%; } /* End */
</style>
<script type="text/javascript"> var menuids=["suckertree1"]
function buildsubmenus(){ for (var i=0; i<menuids.length; i++){ var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul") for (var t=0; t<ultags.length; t++){ ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle" if (ultags[t].parentNode.parentNode.id==menuids[i]) ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" else ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" ultags[t].parentNode.onmouseover=function(){ this.getElementsByTagName("ul")[0].style.display="block" } ultags[t].parentNode.onmouseout=function(){ this.getElementsByTagName("ul")[0].style.display="none" } } for (var t=ultags.length-1; t>-1; t--){ ultags[t].style.visibility="visible" ultags[t].style.display="none" } } }
if (window.addEventListener) window.addEventListener("load", buildsubmenus, false) else if (window.attachEvent) window.attachEvent("onload", buildsubmenus) </script> <div class="suckerdiv"> <ul id="suckertree1"> <li><a href="Сылка" title="Меню сайта">МЕНЮ САЙТА</a> <ul> <li><a href="Сылка" title="Главная страница">Главная страница</a> <li><a href="Сылка" title="Информация">Информация</a> <li><a href="Сылка" title="Фотоальбом">Фотоальбом</a> <li><a href="Сылка" title="Гостевая">Гостевая</a> <li><a href="Сылка" title="Обратная связь">Обратная связь</a> <li><a href="Сылка" title="Онлайн игры">Онлайн игры</a> <li><a href="Сылка" title="Видео">Видео</a> </ul> </li> </div></body>
Здесь переменными могут служить "width: 160px; /* Width of Menu Items */ border-bottom: 1px solid #ccc;" ширина и border-bottom, "suckerdiv ul li a:hover{ background-color: #;". После значка # вставляем код нужного Вам цвета. А также то,что прописано после a href=", title=",">. Проверить во FRONT PAGE. UCOZ на страницах сайта.
| 
