ЭЙ, Стой!!! Тёмное меню для сайта Ucoz

Автор: | 06.02.2020

на главную nocrisise.ruназ к меню на CSS

вертикальное меню для сайта ucoz: Тёмное вертикально меню для сайта ucoz. Красивое, простенькое меню для ucoz.
Внимание: Картинки к скрипту не предлагаются, так что создаём папку в файловом менеджере под названием: “img” и вставляйте любую свою картинку.

Тёмное меню для сайта Ucoz

<style type=”text/css”>  
  #mylogo {width: 100%; margin: 0 0 0 0;}  
  </style></logo></span></td></tr> 
<tr><td class=”boxContent”><!– <bc> –> 
<script type=”text/javascript” language=”javascript”> 
<!– 
// 
function toggle( targetId ) { 
if (document.getElementById) { 
target = document.getElementById( targetId ); 
if (target.style.display == “none”) { 
target.style.display = “”; 
} else { 
target.style.display = “none”; 



// 
–></script><script type=”text/javascript”> 
function repchange(val,id){ 
repval=val; 
ajaxtime=setInterval(‘checkajax’+id+'()’,500);} 
</script><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(/wp-content/uploads/img/GIFAMALANA.gif);  
}  

.suckerdiv .subfolderstyle{  
background: url(/wp-content/uploads/img/strelko.png) 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”  
}  
}  
}  

Читайте также:  ЭЙ, Стой!!! Красивые меню на сайта ucoz

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=”/ccылка/” title=”описание “>название</a></li> 
<li><a href=”/ccылка/” title=”описание “>название</a></li> 
<li><a href=”/ccылка/” title=”описание “>название</a></li> 
<li><a href=”/ccылка/” title=”описание “>название</a></li> 
<li><a href=”/ccылка/” title=”описание “>название</a></li> 
<li><a href=”/ccылка/” title=”описание “>название</a></li> 
<li><a href=”/ccылка/” title=”описание “>название</a></li> 

</ul>

 

Внимание: Картинки к скрипту не предлагаются, так что создаём папку в файловом менеджере под названием: “img” и вставляйте любую свою картинку.

По теме:

CSS

меню для сайтов ucoz

меню ucoz

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *