Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
Скрипты для uCoz Шаблоны для uCoz

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню сайта
Новое на форуме ↓
Новые комментарии
Кто на сайте
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сайт сегодня посетили:

Вертикальное меню

Главная » Скрипты для uCoz » Вертикальное меню
Вертикальное меню для uCoz

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://ucause.net.ru/port/menu-temnoe/img1.gif);  
}  

.suckerdiv .subfolderstyle{  
background: url(http://ucause.net.ru/port/menu-temnoe/img1.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="http://3aka4ka.net.ru/">3aka4ka.net.ru.net.ru</a></li>  
</ul>  
</div>

Автор: axidreu
Просмотров: 1075 | Комментариев: 0 | Опубликовал: DizeL | Дата: 06.11.2009

 25.01.2014   

 

 Получить код кнопки... 

 01.10.2009   

 

 Раздвижной мини про... 

 05.12.2009   

 

 Новый поиск для кат... 

 27.02.2014   

 

 Форма поиска по сай... 

 04.10.2011   

 

 Табличка (Сиды, Пир... 

 16.12.2009   

 

 Админы и модеры выд... 

 06.05.2011   

 

 Личное сообщение, с... 

 22.12.2010   

 

 Серое меню с точкам... 

 04.01.2010   

 

 Новый вид материало... 

 17.09.2009   

 

 Оригинальное всплыв... 

 14.03.2010   

 

 flash часы 

 17.03.2009   

 

 Page Promoter 7.6.1... 

 23.07.2010   

 

 Для полезной информ... 

 16.05.2011   

 

 Антимат для форума 

 16.09.2009   

 

 Новая форма регистр... 

 29.08.2010   

 

 Красивое горизонтал... 

 04.12.2009   

 

 Новый вид материало... 

 05.11.2009   

 

 Мини-Чат на AJAX ок... 

 08.11.2009   

 

 Быстрый поиск по ка... 

 01.01.2010   

 

 Быстрая модерация т... 

 02.10.2010   

 

 Поиск с выбором раз... 

 20.09.2009   

 

 Форма входа 

 30.07.2010   

 

 Повысить репутацию ... 

 12.09.2010   

 

 Случайные материалы 

 17.11.2010   

 

 Полноценная блокиро... 

 09.06.2014   

 

 Форма заказа для Ин... 

 14.03.2010   

 

 flash часы 

 12.07.2010   

 

 Получить код 

 23.07.2010   

 

 Скрипт добавления с... 

 17.09.2009   

 

 Онлайн калькулятор ... 

 19.09.2009   

 

 новая форма входа 

 08.10.2009   

 

 WMR Bonus на свой с... 

 30.08.2010   

 

 Блок Друзья сайта н... 

 06.11.2009   

 

 Быстрая регистрация 

 14.01.2010   

 

 Красивое меню для с... 

 24.04.2011   

 

 Новый вид цитаты и ... 

 13.09.2010   

 

 Быстрая регистрация 

 03.12.2009   

 

 Меняем надпись &quo... 

 02.05.2010   

 

 Окно с вашей просьб... 

 14.09.2011   

 

 Уведомление о новом... 

 06.11.2009   

 

 Персональная страни... 

 13.10.2009   

 

 Мини профиль By Hac... 

 30.07.2010   

 

 Скрипт Вид AJAX Око... 

 28.04.2011   

 

 Георгиевская ленточ... 

 03.03.2011   

 

 Замена CSS на сайте... 

 31.12.2013   

 

 Кнопки вверх для са... 

 20.09.2009   

 

 закрыть окно 

 11.11.2009   

 

 Предпросмотр темы ф... 

 19.12.2009   

 

 Новое на форуме как... 

 01.01.2010   

 

 Скрипт "С Днем... 

 02.08.2010   

 

 Черное аякс окно v.... 

 25.09.2009   

 

 Значки на форум 

 04.11.2009   

 

 Добавляем новые шри... 

 24.09.2009   

 

 мини-профиль By ViG... 

 15.01.2011   

 

 Семейное положение ... 

 14.01.2011   

 

 Серое, вертикальное... 

 18.11.2013   

 

 Уведомления о регис... 

 17.01.2011   

 

 Сворачивание/развор... 

 25.09.2009   

 

 Профиль 

 14.03.2010   

 

 flash часы 

 30.03.2014   

 

 Радио для сайта 

 17.01.2011   

 

 Черное, красивое вы... 

 08.10.2009   

 

 Вид материала форум... 

 06.11.2009   

 

 (Profile, лс...) на... 

 17.09.2009   

 

 Угловая Картинка дл... 

 03.03.2014   

 

 Аудиоплеер серого ц... 

 07.02.2010   

 

 Фон на иконки на фо... 

 14.09.2010   

 

 Выводим файлы на гл... 

 12.12.2010   

 

 Проверка статуса по... 

 18.09.2009   

 

 Красивый эффект изо... 

 16.11.2010   

 

 Раздвижной вид ново... 

 13.11.2010   

 

 Делаем красивый пои... 

 23.07.2010   

 

 Антивирус на сайт о... 

 27.10.2010   

 

 Массовая рассылка Л... 

 09.03.2011   

 

 Up темы (поднятие т... 

 07.11.2009   

 

 Информация о пользо... 

 14.09.2009   

 

 Flash-облако фото 

 12.12.2013   

 

 Новогодние украшени... 

 23.02.2010   

 

 Стена пользователя ... 

 20.09.2009   

 

 Скрипт отражения ав... 

 14.10.2009   

 

 Мини Профиль 

 20.09.2009   

 

 NEW форма входа 

 05.11.2009   

 

 Форма регисрации by... 

 12.07.2010   

 

 Бегущая строка - пр... 

 06.09.2014   

 

 Up на подобии как в... 

 20.11.2010   

 

 Новый анти-мат для ... 

 14.03.2010   

 

 flash часы 

 12.07.2010   

 

 Онлайн создание бан... 

 27.10.2009   

 

 Меню для сайта 

 24.07.2010   

 

 Блок все для css 

 14.03.2010   

 

 flash часы с ораньж... 

 02.12.2009   

 

 Форма добавления ко... 

 11.02.2011   

 

 Измененная страница... 

 24.01.2010   

 

 Оживляем серверные ... 

 13.12.2013   

 

 Гирлянда для сайта 

 25.09.2009   

 

 Описание группы при... 

 06.09.2014   

 

 Вид комментариев uc... 

 03.03.2014   

 

 Вид опроса для uCoz... 

 23.07.2010   

 

 Панель навигации сл... 

 27.03.2009   

 

 Скачать 18 Модов дл... 

 17.09.2009   

 

 Доступ Запрещён 2 в... 

© 3aka4ka.at.ua 2008 - 2025г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.