29.06.2025 / 02:37:21
 
| Главная | Форум | Поиск | Картинки | Кинозал | Музыка | Свободно | Регистрация | Вход |
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Простенькое меню, для светлых дизайнов.
SaintДата: Воскресенье, 04.04.2010, 20:43:32 | Сообщение # 1
Сообщений: 512
[ 6 ]
Награды:
[ 3 ]

Code
<style type="text/css">  

.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-color: aqua ;  
}  

.suckerdiv .subfolderstyle{  
background: url(http://helpucoz.do.am/images/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="http://megaall.ru/">Главная</a></li>    
<li><a href="http://megaall.ru/load/soft/1">Софт</a></li>    
<li><a href="http://megaall.ru/load/igry/3">Игры</a></li>    
<li><a href="http://megaall.ru/load/filmy/2">Фильмы</a>    
<li><a href="http://megaall.ru/load/kljuchi_dlja_kasperskogo/4">Ключи для Касперского</a>    
<li><a href="http://megaall.ru/load/vse_dlja_photoshop/5">Все для Photoshop</a>    
<li><a href="http://megaall.ru/load/igry_dlja_xbox360/13">Игры для XBOX360</a>    
<li><a href="http://megaall.ru/load/vse_dlja_psp/14">Все для PSP</a>    

<li><a href="http://megaall.ru/load/vse_dlja_ucoz/8">Все для uCoz</a>    
<ul>    
<li><a href="http://megaall.ru/load/vse_dlja_ucoz/shablony/9">Шаблоны</a></li>    
<li><a href="http://megaall.ru/load/vse_dlja_ucoz/skipty/10">Скрипты</a></li>    
<li><a href="http://megaall.ru/load/vse_dlja_ucoz/ikonki/11">Иконки</a></li>    
<li><a href="http://megaall.ru/load/vse_dlja_ucoz/drugoe/12">Другое</a></li>    
</ul>    
</li>    
<li><a href="http://megaall.ru/load/drugoe/7">Другое</a>    
<li><a href="http://stalker-planet.3dn.ru/"><font color=red>S.T.A.L.K.E.R. Портал</font></a>    

</b></div>    

</td></tr></table>


  • Страница 1 из 1
  • 1
Поиск:
Статистика Форума
Последние темы Читаемые темы Лучшие пользователи Новые пользователи

Программы накрутки

(4)

Бесплатная раскрутка сайтов

(1)

Взломаем копроративные почты \ Взломаем любые почты

(1)

НАКРУТКА ЛАЙКОВ И ПОДПИСЧИКОВ PERISCOPE | PERUP.RU

(0)

PERISCOPE UP накрутка лайков и подписчиков перископ - PerUP

(0)

Взлом стима

(0)

НАКРУТКА В СОЦИАЛЬНЫХ СЕТЯХ

(0)

Альбомы

(1)

Текст для песен

(0)

ВНИМАНИЕ!!!БЕСПРОИГРЫШНАЯ ЛОТЕРЕЯ!! УСПЕЙТЕ УЧАСТВОВАТЬ!!

(0)

xtreme

(1)

Цигун

(0)

Города

(14)

Группы на XTreme.3dn.ru

(13)

Баннерообмен 88х31 !!!

(13)

СЛОВА

(12)

Набор в команду сайта!

(8)

Игра в компьютерные игры

(7)

Ассоциации!

(7)

Предложения по сайту

(7)

Расшифровка букв.

(6)

Рамка для рекламы

(6)

Неграмотность пользователей uCoz-a

(5)

Я знаю ПЯТЬ...

(5)

Saint

(512)

nazarbek-GAMER

(135)

Alda

(16)

Batareyka

(10)

kragsburger

(10)

jasminka

(8)

Jocker

(7)

vikusia

(6)

Lookflaco

(6)

@V@sT

(6)

DianaWeb

(5)

BOPOH

(5)

warshoki

(25.08.2018)

mamamama-789

(09.07.2017)

Natasha

(28.02.2017)

LEGKO_ZARABOTAT

(06.02.2017)

playgame2016

(13.12.2016)

ccbecantureaval

(27.11.2016)

fdgfgdf

(28.10.2016)

twelve

(04.10.2016)

KorotaevaFht

(04.09.2016)

Efimovanxa

(23.04.2016)

velejaev

(15.04.2016)

aluk24

(05.02.2016)


Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Администрация ответственности за содержание материала не несет и убытки не возмещает.
По истечении 24 часов материал должен быть удален с вашего компьютера.
Незаконная реализация карается законами РФ и Украины: "Об авторском и смежном праве".
При копировании материала, ссылка на сайт обязательна!