Чтение RSS
По вопросам сотрудничества и рекламы на портале MixliP, обращаться на почту admin@turklib.ru
MixliP - Территория вебмастера! На нашем сайте вы найдете все для веб-мастеров и не только =) ! Различные скрипты для вашего сайта. И еще на нашем сайте немало софта! Заходи не пожалеешь!

Темное вертикальное выпадающее меню для сайта

Темное вертикальное выпадающее меню для сайта




Скрипт меню для ucoz. Отличное вертикальное меню для ucoz. Меню сайта ucoz выполнено в тёмных тонах, а синие стрелочки гармонично сочетается со всей этой ерундой =)


Установка

Качаете архив папку из архива в корень сайта
menu.rar



Данный код вставляете туда где хотите видеть



<style type="text/css">  
.suckerdiv ul{  
margin: 0;  
padding: 0;  
list-style-type: none;  
width: 185px; /* Width of Menu Items */  
border-bottom: 1px solid #000000;  
}  
.suckerdiv ul{  
margin: 0;  
padding: 0;  
list-style-type: none;  
width: 180px; /* Width of Menu Items */  
border-bottom: 1px solid #212121;  
}  

.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: #FFFFFF;  
text-decoration: none;  
background: #292929;  
padding: 8px 15px;  
border: 1px solid #212121;  
border-bottom: 0;  
}  

.suckerdiv ul li a:visited{  
color: #FFFFFF;  
}  

.suckerdiv ul li a:hover{  
  background: url(/menu/strelka.gif);  
}  

.suckerdiv .subfolderstyle{  
  background: url(/menu/8.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="Сылка">Название страницы</a></li>  
<li><a href="Сылка">Название страницы</a></li>  
<li><a href="Сылка">Название страницы</a>  
<ul>  
<li><a href="Сылка">Название страницы</a></li>  
<li><a href="Сылка">Название страницы</a>  
<ul>  
<li><a href="Сылка">Название страницы</a></li>  
<li><a href="Сылка">Название страницы</a></li>  
</ul>  
</li>  
</ul>  
</li>  
<li><a href="#">CSS</a></li>  
</ul>  
</div>

Просмотры: 6094 Комментарии (0)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.


Владельцы и пользователи сайта MixliP.ru не осуществляют никакой продажи либо перепродажи программных и иных продуктов интеллектуальной собственности. На нашем сайте не хранится ни одного файла или документа, который нарушал бы смежное или авторское право.


Сайт MixliP.ru представляет собой набор новостей и ссылок на внешние общедоступные источники в сети Интернет, не подконтрольные администрации сайта MixliP.ru, а, следовательно, не несет никакой ответственности за их содержание.


Вся информация о программном обеспечении и скриптах, размещенная на данном сайте, предоставлена исключительно в ознакомительных целях и только для просмотра, и призвана помочь посетителям сайта MixliP.ru выбрать для себя и в последствии приобрести соответствующие лицензионные авторские программные продукты.


Читать полностью информацию правообладателям.




Наши друзья

Полезное

Разделы сайта

 Пользователи онлайн

  • Всего на сайте: 1
    Пользователей: 0
    Гостей: 1
    Роботов: 0