.suckerdiv ul{ <br>margin: 0; <br>padding: 0; <br>list-style-type: none; <br>width: 190px; /* Width of Menu Items */ <br>border-bottom: 1px 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: 200px; /*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 15px; <br>border: 1px 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: green; <br>} <br><br>.suckerdiv .subfolderstyle{ <br>background: url(http://forever-web.ucoz.ru/templates/next-list.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%; }

<script type="text/javascript"> <br><br>//SuckerTree Vertical Menu 1.1 (Nov 8th, 06) <br>//By Dynamic Drive: http:// <br><br>var menuids=["suckertree1"] //Enter id(s) of SuckerTree UL menus, separated by commas <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]) //if this is a first level submenu <br>ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item <br>else //else if this is a sub level submenu (ul) <br>ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it <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--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars <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><br></script> <br><div class="suckerdiv"><b> <br><ul id="suckertree1"> <br><li><a href="#">Главная</a></li><br><li style="visibility:hidden;"><a href="http://pro100ucoz.ru/">Скачано с </a></li><br><li><a href="#">Форум</a></li> <br><li><a href="#">Гостевая</a></li> <br><li><a href="#/">Все файлы</a></li> <br><li><a href="#">Программы</a> <br><ul> <br><li><a href="#">Мультимедиа</a></li> <br><li><a href="#">Безопасность</a></li> <br><li><a href="#">Интернет</a></li> <br><li><a href="#">Утилиты</a></li> <br><li><a href="#">Обслуживание</a></li> <br><li><a href="#">Графика и дизайн</a></li> <br><li><a href="#">Остальное</a></li> <br></ul> <br></li> <br><br><li><a href="#">Все для uCoz</a> <br><ul> <br><li><a href="#">Скрипты</a></li> <br><li><a href="#">Шаблоны</a></li> <br><li><a href="#">Ранги</a></li> <br><li><a href="#">Кнопки форума</a></li> <br><li><a href="#">Иконки форума</a></li> <br><li><a href="#">Иконки групп</a></li> <br><li><a href="#">Остальное</a></li> <br></ul> <br></li> <br><br><li><a href="#">Photoshop</a> <br><ul> <br><li><a href="#">Кисти</a></li> <br><li><a href="#">Стили</a></li> <br><li><a href="#">Перекрытия</a></li> <br><li><a href="#">Аватары [psd]</a></li> <br></ul> <br></li> <br><li><a href="#">IMG В Контакте</a></li> <br><li><a href="#" title="Автоматическая регистрация cайта в поисковых системах">Авто регистрация</a></li> <br><li><a href="#">Обратная связь</a></li> <br></ul> <br></b></div>