Вторник, 26.11.2024, 07:01:52 На сайте Московское время

SyLenze

(Постов: 634)

Denis

(Постов: 85)

TSGK

(Постов: 29)

jasminka

(Постов: 16)

Naruto

(Постов: 15)

TRaBZ

(Постов: 13)

Новые сообщения | Участники | Правила форума | Поиск | RSS

  • Страница 1 из 1
  • 1
Меню для светлых дизайнов
SyLenze
 Страна: Российская Федерация 
 Дата: Четверг, 27.08.2009, 18:54:18 | Сообщение # 1

Группа: Администратор
Сообщений: 634
Награды: 12
Уважение: 40
Off

Code
<!--U1MENU1Z--><table width="200" border="0" cellpadding="0" cellspacing="0">     
<tbody><tr> <td style="border: 1px solid rgb(140, 140, 140); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">     
<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: #d4e7a3;       
}       

.suckerdiv .subfolderstyle{       
background: url(http://forever-web.ru/next.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">       

//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 src="КАРТИНКА" alt="" border="0"> НАЗВАНИЕ</a></li>       
<li><a href="ВФШа ССЫЛКА"><img src="КАРТИНКА" alt="" border="0">НАЗВАНИЕ</a></li>       

</ul>       
</b></div>     
</td></tr></tbody></table><div style="height: 5px;"></div><!--/U1MENU1Z-->     
<!--U1CLEFTER1Z--><!-- <block2> -->


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


TERA-RAPTOR.clan.su © Все права защищены! Используются технологии uCoz Сайт оптимизирован под браузер FireFox Mozilla. SiteMap | SiteMap Forum.