Красивое светлое меню CSVIT для ucoz
Красивое светлое меню, меню очень обширное, у него есть подразделы, также стоят иконки групп. Меню в рабочем состояний, ссылок битых нет, также обратите внимание на дизайн, видать сразу что создавал его мастер своего дела. Так же если вы заметили то на меню есть иконки под каждый раздел на вашем портале. Установка: Идем в П.У и прописываем код в блок. И на этом все, меню сайта установлено. Код <style type="text/css"> .suckerdiv ul{ margin: 0; padding: 0; list-style-type: none; width: 185px; /* 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: 5px 5px; border: 1px solid #ccc; border-bottom: 0; } .suckerdiv ul li a:visited{ color: black; } .suckerdiv ul li a:hover{ background-color: #009ee0; } .suckerdiv .subfolderstyle{ background: url(http: ссылка) 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="$HOME_PAGE_LINK$"><img src = http://zornet.ru/zornet_ru7/bl.png> Главная страница</a></li> <li><a href="/forum"><img src =http://zornet.ru/zornet_ru7/fr.png> Форум</a></li> <li><a href="/load"><img src =http://zornet.ru/zornet_ru7/modern_icon_soft.gif> Архив файлов</a></li> <li><a href="/index/0-5"><img src = http://zornet.ru/zornet_ru7/modern_cat_games.gif> Помощь сайту</a></li> <li><a href="/dir"><img src = http://zornet.ru/zornet_ru7/modern_icon_soft.gif> Каталог сайтов</a></li> <li><a href="" ><img src = http://zornet.ru/zornet_ru7/modern_icon_wallpapers.gif> Онлайн фильмы</a> <ul> <li><a href="http://zornet.ru/" ><img src =http://zornet.ru/zornet_ru7/modern_cat_video2.gif> Боевики</a> <li><a href="http://zornet.ru/" ><img src = http://zornet.ru/zornet_ru7/modern_cat_video2.gif> Драмы</a> <li><a href="http://zornet.ru/" ><img src = http://zornet.ru/zornet_ru7/modern_cat_video2.gif> Документальные </a> <li><a href="http://zornet.ru/" ><img src = http://zornet.ru/zornet_ru7/modern_cat_video2.gif> Мультфильмы</a> <li><a href="http://zornet.ru/" ><img src =http://zornet.ru/zornet_ru7/modern_cat_video2.gif> Ужасы</a> <li><a href="http://zornet.ru/" ><img src = http://zornet.ru/zornet_ru7/modern_cat_video2.gif> Семейные</a> </ul> </li> <li><a href="" ><img src = http://zornet.ru/zornet_ru7/modern_icon_mobile.gif> Всё для игр</a> <ul> <li><a href="/load/1" ><img src = http://zornet.ru/zornet_ru7/modern_icon_mobile.gif> Counter-Strike 1.6</a> <li><a href="/load/8" ><img src = http://zornet.ru/zornet_ru7/modern_icon_mobile.gif> GTA San-Andreas</a> <li><a href="/load/12" ><img src =http://zornet.ru/zornet_ru7/modern_icon_mobile.gif> WarCraft </a> <li><a href="/load/15" ><img src = http://zornet.ru/zornet_ru7/modern_icon_mobile.gif> Counter-Strike Source</a> <li><a href="/load/22" ><img src = http://zornet.ru/zornet_ru7/modern_icon_mobile.gif> Скачать игры</a> </ul> </li> <li><a href="/load/26" ><img src = http://zornet.ru/zornet_ru7/pc.png> ПК</a> <ul> <li><a href="/" ><img src = http://zornet.ru/zornet_ru7/pc.png> Софт</a> <li><a href=/" ><img src = http://zornet.ru/zornet_ru7/pc.png> Остальное</a> </li> </ul> <li><a href="/load/26" ><img src = http: ссылка> PhotoShop</a> <ul> <li><a href="/load/vsjo_dlja_photoshop/kisti/36" ><img src = http://zornet.ru/zornet_ru7/modern_icon_photoshop.gif> Кисти</a> <li><a href=/load/vsjo_dlja_photoshop/stili/37"> <img src = http://zornet.ru/zornet_ru7/modern_icon_photoshop.gif> Стили</a> <li><a href=/load/vsjo_dlja_photoshop/gradienty/38" ><img src = http://zornet.ru/zornet_ru7/modern_icon_photoshop.gif> Градиенты</a> <li><a href=/load/vsjo_dlja_photoshop/plaginy/39" ><img src = http://zornet.ru/zornet_ru7/modern_icon_photoshop.gif> Плагины</a> <li><a href=/load/vsjo_dlja_photoshop/shrifty/40" ><img src = http://zornet.ru/zornet_ru7/modern_icon_photoshop.gif> Шрифты</a> </li> </ul> <li><a href="/load/26" ><img src = http://zornet.ru/zornet_ru7/modern_icon_informers.gif> Инфо Веб-мастеру</a> <ul> <li><a href="http://collection-games.ru/forum/29" ><img src = http://zornet.ru/zornet_ru7/modern_icon_informers.gif> Раскрутка сайта</a> <li><a href=http://collection-games.ru/forum/30"> <img src = http://zornet.ru/zornet_ru7/modern_icon_informers.gif> Заработок в интернете</a> <li><a href=http://collection-games.ru/forum/32" ><img src = http://zornet.ru/zornet_ru7/modern_icon_informers.gif> F.A.Q.</a> </li> </ul> </li> <li><a href="/load/26" ><img src =http://zornet.ru/zornet_ru7/favicon1.ico> uCoz</a> <ul> <li><a href="/load/28" ><img src = http://zornet.ru/zornet_ru7/favicon1.ico> Шаблоны для сайта</a> <li><a href=/load/29" ><img src = http://zornet.ru/zornet_ru7/favicon1.ico> Разное для сайта</a> </li> </ul> <li><a href="/load/26" ><img src = http://zornet.ru/zornet_ru7/nota.png> Аудио</a> <ul> <li><a href="/load/audio/muzyka/45" ><img src = http://zornet.ru/zornet_ru7/nota.png> Музыка</a> <li><a href=/load/audio/klipy/46" ><img src = http://zornet.ru/zornet_ru7/nota.png> Клипы</a> </li> </ul> <li><a href="/load/26" ><img src =http://zornet.ru/zornet_ru7/nota.png> DLE</a> <ul> <li><a href="http://collection-games.ru/load/dle/vsjo_dlja_dle/42" ><img src = http://zornet.ru/zornet_ru7/nota.png> Всё для DLE</a> <li><a href=/forum/47" ><img src =http://zornet.ru/zornet_ru6/dr.png> Форум по DLE</a> </li> </ul> </ul> </li> </div> <script type="text/javascript">try { var nl=document.getElementById('menuDiv').getElementsByTagName('a'); var found=-1; var url=document.location.href+'/'; var len=0; for (var i=0;i<nl.length;i++){ if (url.indexOf(nl[i].href)>=0){ if (found==-1 len<nl[i].href.length){ found=i; len=nl[i].href.length; } } } if (found>=0){ nl[found].className='ma'; } } catch(e){}</script> </div> |
Поделиться в социальных сетях
Материал разместил
Комментарии: 2 | |
| |