Скрипт новое раздвижное меню для uCoz........ отличное меню для ucoz сайтов только для пользоватилей ucozgold ----------------------------------------------------------------------------------------------- Установка : в блк ставим и редактируем ссылки ... ----------------------------------------------------------------------------------------------
Code <div align="center"><style type="text/css"> <br> .suckerdiv ul{ <br> margin: 0; <br> padding: 0; <br> list-style-type: none; <br> width: 230px; /* Width of Menu Items */ <br> border-bottom: 5px solid #ccc; <br> } <br><br> .suckerdiv ul li{ <br> position: relative; <br> } <br><br> /*Sub level menu items */ <br> .suckerdiv ul li ul{ <br> position: absolute; <br> width: 180px; /*sub menu width*/ <br> top: 0; <br> visibility: hidden; <br> } <br><br> /* Sub level menu links style */ <br> .suckerdiv ul li a{ <br> display: block; <br> overflow: auto; /*force hasLayout in IE7 */ <br> color: black; <br> text-decoration: none; <br> background: #fff; <br> padding: 4px 8px; <br> border: 4px solid #ccc; <br> border-bottom: 0; <br> } <br><br> .suckerdiv ul li a:visited{ <br> color: black; <br> } <br><br> .suckerdiv ul li a:hover{ <br> background-color: #377CB4; <br> } <br><br> .suckerdiv .subfolderstyle{ <br> background: url(http://www.oseo.pp.ru/arrow.gif) no-repeat center right; <br> } <br><br> /* Holly Hack for IE \*/ <br> * html .suckerdiv ul li { float: left; height: 1%; } <br> * html .suckerdiv ul li a { height: 1%; } <br> /* End */ <br><br> </style> <br><br> <script type="text/javascript"> <br> var menuids=["suckertree1"] <br><br> function buildsubmenus(){ <br> for (var i=0; i<menuids.length; i++){ <br> var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul") <br> for (var t=0; t<ultags.length; t++){ <br> ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle" <br> if (ultags[t].parentNode.parentNode.id==menuids[i]) <br> ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" <br> else <br> ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" <br> ultags[t].parentNode.onmouseover=function(){ <br> this.getElementsByTagName("ul")[0].style.display="block" <br> } <br> ultags[t].parentNode.onmouseout=function(){ <br> this.getElementsByTagName("ul")[0].style.display="none" <br> } <br> } <br> for (var t=ultags.length-1; t>-1; t--){ <br> ultags[t].style.visibility="visible" <br> ultags[t].style.display="none" <br> } <br> } <br> } <br><br> if (window.addEventListener) <br> window.addEventListener("load", buildsubmenus, false) <br> else if (window.attachEvent) <br> window.attachEvent("onload", buildsubmenus) <br> </script></div> <br><br> <div class="suckerdiv"> <br> <ul id="suckertree1"> <br> <br> <li><a href=$HOME_PAGE_LINK$ title="главная"><img <br> border="0" align="absmiddle" <br> src="http://www.oseo.pp.ru/ic/glavna.gif"> Главная <br> </a></li> <br> <li><a href="/forum" <br> title="Форум"><img border="0" align="absmiddle" <br> src="http://www.oseo.pp.ru/ic/forum.gif"> Форум <br> </a></li> <br> <li><a href="/load" <br> title="Файлы"><img border="0" align="absmiddle" <br> src="http://www.oseo.pp.ru/ic/prog.gif"> Вебмастеру</a> <br> <ul> <br> <li><a href="/load/bazy_dlja_allsubmitter/1" title="Базы для Allsubmitter ">Базы </a> <br> <li><a href="/load/programma_allsubmitter/2" title="Скачать программу ">Скачать Allsubmitter</a> <br> <li><a href="/load/programmy_vebmasteru/3" title="Полезные программы вебмастеру ">Программы вебмастеру</a> <br> <li><a href="/load/sozdanie_sajtov/4" title="Программы для создания сайтов ">Создание сайтов</a> <br> <li><a href="/load/rabota_s_grafikoj/5" title="Программы для работы с графикой">Работа с графикой</a> <br> <li><a href="/load/brauzery/6" title="Скачать браузеры">Браузеры</a> <br> </li> <br> </ul> <br> <br> <li><a href="/publ" title="Статьи о продвижении сайтов <br> "><img border="0" align="absmiddle" <br> src="http://www.oseo.pp.ru/ic/stats.gif"> Полезные статьи</a> <br> <ul> <br> <li><a href="/publ/raskrutka_sajta/1" title="Статьи о раскрутке ">Раскрутка сайтов </a> <br> <li><a href="/publ/optimizacija_sajta/2" title="Статьи о оптимизации ">Оптимизация сайта</a> <br> <li><a href="/publ/o_sozdanii_sajtov/3" title="Статьи о создании сайтов ">Создание сайта</a> <br> <li><a href="/publ/o_igrakh/4" title="Статьи о играх ">О играх</a> <br> </ul> <br> </li> <br> <br> <li><a href="/index/zarabotok_vebmasteru/0-4" <br> title="Заработок"><img border="0" align="absmiddle" <br> src="http://www.oseo.pp.ru/ic/dollars.gif"> Заработок <br> вебмастеру</a></li>
|