• Страница 1 из 1
  • 1
Красивое меню для сайта
Дата: Среда, 14.03.2012, 20:48 | Сообщение # (1)
Администраторы
Глава клана
Сообщения:291

Code
<style type="text/css">     

   /*Credits: Dynamic Drive CSS Library */     
   /*URL: http://www.dynamicdrive.com/style/ */     

   .suckerdiv ul{     
   margin: 0;     
   padding: 0;     
   list-style-type: none;     
   width: 190px; /* 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: 200px; /*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: 4px 15px;     
   border: 1px solid #ccc;     
   border-bottom: 0;     
   }     

   .suckerdiv ul li a:visited{     
   color: black;     
   }     

   .suckerdiv ul li a:hover{     
   background-color: 5895d9;     
   }     

   .suckerdiv .subfolderstyle{     
   background: url(http://nextsoft.at.ua/best/next-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">     

   //SuckerTree Vertical Menu 1.1 (Nov 8th, 06)     
   //By Dynamic Drive: http://www.dynamicdrive.com/style/     

   var menuids=["suckertree1"] //Enter id(s) of SuckerTree UL menus, separated by commas     

   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]) //if this is a first level submenu     
   ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item     
   else //else if this is a sub level submenu (ul)     
   ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it     
   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--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars     
   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"><b>     
   <ul id="suckertree1">     
   <li><a href="/"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/home.png"> Главная</a></li>     
   <li><a href="http://nextsoft.at.ua/forum/"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/forum.png"> Форум</a></li>     
   <li><a href="http://nextsoft.at.ua/publ/"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/publ.png"> Статьи</a></li>     
   <li><a href="http://nextsoft.at.ua/dir/"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/top.png"> Топ сайтов</a></li>     
   <li><a href="http://nextsoft.at.ua/load/8"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/soft.png"> Программы</a>     
   <ul>     
   <li><a href="http://nextsoft.at.ua/load/3"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/01.png"> Мультимедиа</a></li>     
   <li><a href="http://nextsoft.at.ua/load/9"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/02.png"> Безопасность</a></li>     
   <li><a href="http://nextsoft.at.ua/load/4"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/03.png"> Базы Allsubmitter</a></li>     
   <li><a href="http://nextsoft.at.ua/load/10"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/04.png"> Графика и дизайн</a></li>     
   <li><a href="http://nextsoft.at.ua/load/1"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/05.png"> Раскрутка сайтов</a></li>     
   <li><a href="http://nextsoft.at.ua/load/13"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/06.png"> Прочее Web-мастеру</a></li>     
   </ul>     
   </li>     

   <li><a href="http://nextsoft.at.ua/load/7"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/ucoz.png"> Все для uCoz</a>     
   <ul>     
   <li><a href="http://nextsoft.at.ua/load/2"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/01.png"> Скрипты</a></li>     
   <li><a href="http://nextsoft.at.ua/load/5"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/02.png"> Шаблоны</a></li>     
   <li><a href="http://nextsoft.at.ua/load/11"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/03.png"> Кнопки и иконки</a></li>     
   <li><a href="http://nextsoft.at.ua/load/14"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/04.png"> Остальное</a></li>     
   </ul>     
   </li>     

   <li><a href="http://nextsoft.at.ua/index/0-15"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/fun.png"> Развлечения</a>     
   <ul>     
   <li><a href="http://nextsoft.at.ua/stuff"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/01.png"> Онлайн игры</a></li>     
   <li><a href="http://nextsoft.at.ua/tests"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/02.png"> Онлайн опросы</a></li>     
   </ul>     
   </li>     

   <li><a href="http://nextsoft.at.ua/photo/"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/img.png"> Фотоальбом</a></li>     
   <li><a href="http://nextsoft.at.ua/blog/" title="Бесплатный прогон по каталогам"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/uifw.png"> Прогон сайта</a></li>     
   <li><a href="/gb/"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/obr.png"> Гостевая книга</a></li>     
   <li><a href="http://nextsoft.at.ua/index/0-2" title="Автоматическая и Ручная! регистрация cайта в поисковых системах и каталогах"><img border="0" align="absmiddle" src="http://nextsoft.at.ua/best/reg.png"> Авторегистрация</a></li>     
   </ul>     
   </b></div>


  • Страница 1 из 1
  • 1
Поиск: