Время:
Меню сайта
Категории файлов
Блок: Фиолетовый фон
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Мини-чат
Статистика
Онлайн всего: 9
Гостей: 9
Пользователей: 0


Самые активные
Wonkz
10910 сообщений
Kирилл
7915 сообщений
HeRo_0INe
7079 сообщений
flemqaa
6807 сообщений
-Bacardi-
5939 сообщений
Tёмчик
5504 сообщений
Lexa4
5366 сообщений
Clouder16
5317 сообщений
AdWise
5266 сообщений
Gatop
5167 сообщений
Меню сайта | V1.0 by axidreu
Просмотров: 1139 | Загрузок: 0 | Комментариев: 4 | Дата: 18.06.2025 | Добавил: DIMITRID

Code
<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(http://s52.radikal.ru/i135/0910/1c/7db37baabbda.gif);  
}  

.suckerdiv .subfolderstyle{  
background: url(http://s52.radikal.ru/i135/0910/1c/7db37baabbda.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="#">Logical-Portal.ru</a></li>  
</ul>  
</div>

Скрипт паблик, но переделывал axidreu. Все картинки в скрипте перезалиты на Радикал...

Комментарии
2 yan  
Спасибо!разобрался! все под себя сделала в кулл немного понервничать пришлось правда biggrin

1 V1nd  
заливать туда - где хочеш видить