PATRIOT Дата: Пятница, 29.10.2010, 03:15 | Сообщение # 1
Черное меню \ навигация сайта - Скрипт для uСoz Раздвижное черное меню для черных дизайнов шаблонов сайтов ucoz
Установка вставляем в новый блок код скрипта
Code
<!--U1AAMENU1Z--><div style="display:inline;" id="menuDiv"><!-- UcoZMenu --><style type="text/css"> .suckerdiv ul{ margin: 0; padding: 0; list-style-type: none; width: 183px; /* Width of Menu Items */ border-bottom: 1px solid #000000; } .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: #000000; padding: 8px 15px; border: 1px solid #FFFFFF; border-bottom: 0; } .suckerdiv ul li a:visited{ color: #FFFFFF; } .suckerdiv ul li a:hover{ background: url(http://cyber-arena.moy.su/design/img/1.gif); } .suckerdiv .subfolderstyle{ background: url(http://cyber-arena.moy.su/design/strelka.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="http://cyber-arena.moy.su/" title="Главная страница">Главная</a></li> <li><a href="/forum/" title="Форум">Форум</a> <li><a href="/gb/" title="Банеробмен">Банеробмен</a> <li><a href="/dir/1" title="xtEns1on-Top">xtEns1on-Top</a> <li><a href="/blog/" title="Мониторинг">Мониторинг</a> <li><a href="/load/93" title="Музыка">Музыка</a> <li><a href="/load/41" title="Все для uCoz">Все для uCoz</a> <ul> <li><a href="/load/76" title="Шаблоны сайтов">Шаблоны сайтов</a> <li><a href="/load/59" title="Иконки форума">Иконки форума</a> <li><a href="/load/42" title="Шапки сайтов">Шапки сайтов</a> <li><a href="/load/44" title="Иконки групп">Иконки групп</a> <li><a href="/forum/10" title="Скрипты">Скрипты</a> <li><a href="/load/46" title="Софт">Софт</a> <li><a href="/load/92" title="Прочее">Прочее</a> </ul> </li> <li><a href="/load/80" title="Все для Photoshop">Все для Photoshop</a> <ul> <li><a href="/load/81" title="Кисти">Кисти</a> <li><a href="/load/82" title="Исходники (шаблоны)">Исходники (шаблоны)</a> <li><a href="/load/83" title="Стили">Стили</a> <li><a href="/load/91" title="Шрифты">Шрифты</a> <li><a href="/load/84" title="Градиенты ">Градиенты </a> <li><a href="/load/85" title="Плагины ">Плагины</a> <li><a href="/load/86" title="Плагины ">Action</a> <li><a href="/load/87" title="Формы ">Формы</a> <li><a href="/load/88" title="Узоры (Patterns)">Узоры (Patterns)</a> <li><a href="/load/90" title="Другое для Photoshop ">Другое для Photoshop</a> <li><a href="/forum/46" title="Форум по Photoshop">Форум по Photoshop</a> </ul> </li> <li><a href="/board/" title="Фильмы онлайн">Фильмы онлайн</a> <ul> <li><a href="/board/2" title="Боевики ">Боевики </a> <li><a href="/board/4" title="Комедии">Комедии</a> <li><a href="/board/6" title="Фантастика">Фантастика</a> <li><a href="/board/8" title="Приключения">Приключения</a> <li><a href="/board/3" title="Ужасы">Ужасы</a> <li><a href="/board/5" title="Анимэ">Анимэ</a> <li><a href="/board/7" title="Юмор ">Юмор</a> <li><a href="/board/9" title="Мульты">Мульты</a> </ul> </li> <li><a href="/load/60" title="Игры">Игры</a> <ul> <li><a href="/load/67" title="Action">Action</a> <li><a href="/load/63" title="Arcade ">Arcade </a> <li><a href="/load/62" title="Racing">Racing </a> <li><a href="/load/65" title="RPG">RPG</a> <li><a href="/load/64" title="Simulation">Simulation</a> <li><a href="/load/61" title="SPORT">SPORT</a> <li><a href="/load/66" title="Strategy">Strategy</a> </ul> </li> <li><a href="/publ/" title="Развлечение">Развлечение</a> <ul> <li><a href="/index/0-6" title="Чат">Чат</a> <li><a href="/index/0-8" title="Рисовалка">Рисовалка</a> <li><a href="/index/0-9" title="Поиск музыки">Поиск музыки</a> <li><a href="/index/0-2" title="WMR БОНУС">WMR БОНУС</a> <li><a href="/index/0-28" title="Гдз для 7-11 классов">Гдз для 7-11 классов</a> <li><a href="/index/0-5" title="Создание банера">Создание банера</a> <li><a href="/index/0-23" title="Создание аватаров">Создание аватаров</a> </ul> </li> <li><a href="/publ/" title="Установка">Установка</a> <ul> <li><a href="/publ/2" title="Установка оружия">Оружия</a> <li><a href="/publ/3" title="Установка перчаток">Перчаток</a> <li><a href="/publ/4" title="Установка игроков">Игроков</a> <li><a href="/publ/5" title="Установка спрайтов">Спрайтов</a> <li><a href="/publ/6" title="Установка звуков">Звуков</a> <li><a href="/publ/7" title="Установка меню игры">Меню игры</a> <li><a href="/publ/8" title="Установка карт">Карт</a> <li><a href="/publ/9" title="Установка конфигов">Конфигов</a> </ul> </li> </div><!-- /UcoZMenu --></div>
Скрипт для ucoz - Раздвижное меню
Code
<div id="menuDiv" style="display:inline"> <ul id="tmenu0" style="display:none"> <li class="m"> <span>Раздел номер 1</span> <ul> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 1</a></li> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 2</a></li> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 3</a></li> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 4</a></li> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 5</a></li> </ul> </li> <li class="m"> <span>Раздел номер 2</span> <ul> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 1</a></li> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 2</a></li> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 3</a></li> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 4</a></li> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 5</a></li> </ul> </li> <li class="m"> <span>Раздел номер 3</span> <ul> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 1</a></li> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 2</a></li> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 3</a></li> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 4</a></li> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 5</a></li> </ul> </li> <li class="m"> <span>Раздел номер 4</span> <ul> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 1</a></li> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 2</a></li> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 3</a></li> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 4</a></li> <li class="m"><a class="m" href="http://allcity.net.ru/">Подраздел номер 5</a></li> </ul> </li> </ul> </div> <script type="text/javascript"> function tmenudata0() { this.animation_jump = 15 this.animation_delay = 2 this.imgage_gap = 3 this.plus_image = "plus.gif" this.minus_image = "minus.gif" this.pm_width_height = "10,10" this.icon_width_height = "16,16" this.indent = 20; this.use_hand_cursor = true; this.main_item_styles = "text-decoration:none; \ font-weight:normal; \ font-family:Arial; \ font-size:14px; \ color:#FF0000; \ padding:2px; " this.sub_item_styles = "text-decoration:none; \ font-weight:normal; \ font-family:Arial; \ font-size:12px; \ color:#807F80; " this.main_container_styles = "padding:0px;" this.sub_container_styles = "padding-top:4px; padding-bottom:4px;" this.main_link_styles = "color:#0000FF; text-decoration:none;" this.main_link_hover_styles = "color:#FF0000; text-decoration:underline;" this.sub_link_styles = "" this.sub_link_hover_styles = "" this.main_expander_hover_styles = "text-decoration:underline;"; this.sub_expander_hover_styles = "";} </script> <script type="text/javascript"> ulm_ie=window.showHelp;ulm_opera=window.opera;ulm_strict=((ulm_ie || ulm_opera)&&(document.compatMode=="CSS1Compat")); ulm_mac=navigator.userAgent.indexOf("Mac")+1;is_animating=false; cc3=new Object();cc4=new Object(); cc0=document.getElementsByTagName("UL");for(mi=0;mi<cc0.length; mi++){if(cc1=cc0[mi].id){if(cc1.indexOf("tmenu")>-1){cc1=cc1.substring(5); cc2=new window["tmenudata"+cc1];cc3["img"+cc1]=new Image();cc3["img"+cc1].src=cc2.plus_image;cc4["img"+cc1]=new Image(); cc4["img"+cc1].src=cc2.minus_image;if(!(ulm_mac && ulm_ie)){t_cc9=cc0[mi].getElementsByTagName("UL");for(mj=0;mj<t_cc9.length; mj++){cc23=document.createElement("DIV");cc23.className="uldivs"; cc23.appendChild(t_cc9[mj].cloneNode(1));t_cc9[mj].parentNode.replaceChild(cc23,t_cc9[mj]); }}cc5(cc0[mi].childNodes,cc1+"_",cc2,cc1); cc6(cc1,cc2);cc0[mi].style.display="block"; }}};function cc5(cc9,cc10,cc2,cc11){eval("cc8=new Array("+cc2.pm_width_height+")");this.cc7=0;for(this.li=0;this.li<cc9.length; this.li++){if(cc9[this.li].tagName=="LI"){this.level=cc10.split("_").length-1; cc9[this.li].style.cursor="default";this.cc12=false;this.cc13=cc9[this.li].childNodes; for(this.ti=0;this.ti<this.cc13.length;this.ti++){lookfor="DIV"; if(ulm_mac && ulm_ie)lookfor="UL";if(this.cc13[this.ti].tagName==lookfor){this.tfs=this.cc13[this.ti].firstChild; if(ulm_mac && ulm_ie)this.tfs=this.cc13[this.ti];this.usource=cc3["img"+cc11].src; if((gev=cc9[this.li].getAttribute("expanded"))&&(parseInt(gev))){this.usource=cc4["img"+cc11].src; }else this.tfs.style.display="none";if(cc2.folder_image){create_images(cc2,cc11,cc2.icon_width_height,cc2.folder_image,cc9[this.li]); this.ti=this.ti+2;}this.cc14=document.createElement("IMG");this.cc14.setAttribute("width",cc8[0]); this.cc14.setAttribute("height",cc8[1]);this.cc14.className="plusminus"; this.cc14.src=this.usource;this.cc14.onclick=cc16;this.cc14.onselectstart=function(){return false}; this.cc14.setAttribute("cc2_id",cc11);this.cc15=document.createElement("div"); this.cc15.style.display="inline";this.cc15.style.paddingLeft=cc2.imgage_gap+"px"; cc9[this.li].insertBefore(this.cc15,cc9[this.li].firstChild); cc9[this.li].insertBefore(this.cc14,cc9[this.li].firstChild); this.ti+=2;new cc5(this.tfs.childNodes,cc10+this.cc7+"_",cc2,cc11);this.cc12=1; }else if(this.cc13[this.ti].tagName=="SPAN"){this.cc13[this.ti].onselectstart=function(){return false}; this.cc13[this.ti].onclick=cc16;this.cc13[this.ti].setAttribute("cc2_id",cc11); this.cname="cc24";if(this.level>1)this.cname="cc25";if(this.level> 1)this.cc13[this.ti].onmouseover=function(){this.className="cc25"; };else this.cc13[this.ti].onmouseover=function(){this.className="cc24"; };this.cc13[this.ti].onmouseout=function(){this.className="";}; }}if(!this.cc12){if(cc2.document_image){create_images(cc2,cc11,cc2.icon_width_height,cc2.document_image,cc9[this.li]); }this.cc15=document.createElement("div");this.cc15.style.display="inline"; if(ulm_ie)this.cc15.style.width=cc2.imgage_gap+cc8[0]+"px";else this.cc15.style.paddingLeft=cc2.imgage_gap+cc8[0]+"px"; cc9[this.li].insertBefore(this.cc15,cc9[this.li].firstChild);}this.cc7++; }}};function create_images(cc2,cc11,iwh,iname,liobj){eval("tary=new Array("+iwh+")");this.cc15=document.createElement("div");this.cc15.style.display="inline"; this.cc15.style.paddingLeft=cc2.imgage_gap+"px"; liobj.insertBefore(this.cc15,liobj.firstChild); this.fi=document.createElement("IMG");this.fi.setAttribute("width",tary[0]); this.fi.setAttribute("height",tary[1]);this.fi.setAttribute("cc2_id",cc11); this.fi.className="plusminus";this.fi.src=iname;this.fi.style.verticalAlign="middle"; this.fi.onclick=cc16;liobj.insertBefore(this.fi,liobj.firstChild); };function cc16(){if(is_animating)return;cc18=this.getAttribute("cc2_id"); cc2=new window["tmenudata"+cc18];cc17=this.parentNode.getElementsByTagName("UL"); if(parseInt(this.parentNode.getAttribute("expanded"))){this.parentNode.setAttribute("expanded",0); if(ulm_mac && ulm_ie){cc17[0].style.display="none";}else {cc27=cc17[0].parentNode;cc27.style.overflow="hidden";cc26=cc27; cc27.style.height=cc17[0].offsetHeight;cc27.style.position="relative"; cc17[0].style.position="relative";is_animating=1;setTimeout("cc29("+(-cc2.animation_jump)+",false,"+cc2.animation_delay+")",0); }this.parentNode.firstChild.src=cc3["img"+cc18].src;}else {this.parentNode.setAttribute("expanded",1);if(ulm_mac && ulm_ie){cc17[0].style.display="block";}else {cc27=cc17[0].parentNode;cc27.style.height="1px";cc27.style.overflow="hidden"; cc27.style.position="relative";cc26=cc27;cc17[0].style.position="relative"; cc17[0].style.display="block";cc28=cc17[0].offsetHeight;cc17[0].style.top=-cc28+"px"; is_animating=1;setTimeout("cc29("+cc2.animation_jump+",1,"+cc2.animation_delay+")",0); }this.parentNode.firstChild.src=cc4["img"+cc18].src;}};function cc29(inc,expand,delay){cc26.style.height=(cc26.offsetHeight+inc)+"px"; cc26.firstChild.style.top=(cc26.firstChild.offsetTop+inc)+"px"; if( (expand &&(cc26.offsetHeight<(cc28)))||(!expand &&(cc26.offsetHeight>Math.abs(inc))) )setTimeout("cc29("+inc+","+expand+","+delay+")",delay);else {if(expand){cc26.style.overflow="visible"; if((ulm_ie)||(ulm_opera && !ulm_strict))cc26.style.height="0px";else cc26.style.height="auto";cc26.firstChild.style.top=0+"px";}else {cc26.firstChild.style.display="none"; cc26.style.height="0px";}is_animating=false;}};function cc6(id,cc2){np_refix="#tmenu"+id;cc20="<style type='text/css'>";cc19="";if(ulm_ie)cc19="height:0px;font-size:1px; ";cc20+=np_refix+" {width:100%;"+cc19+"-moz-user-select:none;margin:0px;padding:0px; list-style:none;"+cc2.main_container_styles+"}";cc20+=np_refix+" li{white-space:nowrap; list-style:none;margin:0px;padding:0px;"+cc2.main_item_styles+"}"; cc20+=np_refix+" ul li{"+cc2.sub_item_styles+"}";cc20+=np_refix+" ul{list-style:none;margin:0px;padding:0px;padding-left:"+cc2.indent+"px; "+cc2.sub_container_styles+"}";cc20+=np_refix+" a{"+cc2.main_link_styles+"}";cc20+=np_refix+" a:hover{"+cc2.main_link_hover_styles+"}";cc20+=np_refix+" ul a{"+cc2.sub_link_styles+"}";cc20+=np_refix+" ul a:hover{"+cc2.sub_link_hover_styles+"}";cc20+=".cc24 {"+cc2.main_expander_hover_styles+"}";if(cc2.sub_expander_hover_styles)cc20+=".cc25 {"+cc2.sub_expander_hover_styles+"}"; else cc20+=".cc25 {"+cc2.main_expander_hover_styles+"}";if(cc2.use_hand_cursor)cc20+=np_refix+" li span,.plusminus{cursor:hand; cursor:pointer;}";else cc20+=np_refix+" li span,.plusminus{cursor:default;}";document.write(cc20+"</style> ");} </script> <script type="text/javascript">try { var nl=document.getElementById('menuDiv').getElementsByTagName('a'); var found=-1; var url=document.location.href+'/'; var len=0; for (var i=0;i<nl.length;i++){ if (url.indexOf(nl[i].href)>=0){ if (found==-1 || len<nl[i].href.length){ found=i; len=nl[i].href.length; } } } if (found>=0){ nl[found].className='ma'; } } catch(e){}</script>
Скрипт для ucoz - Развижное черное меню Раздвижное меню всегда радовала своей удобностью использованию Пользователь может выбрать для себя необходимы \ нужные разделы и закрыть категории которые его сегодня \ вообще не интересуют. Использование этого скрипт ucoz необходимо лишь при достаточном наличии информации
Установка вставляем код скрипта
Code
<!--U1AAMENU1Z--><div style="display:inline;" id="menuDiv"><!-- UcoZMenu --><div style="display:inline;" id="menuDiv"><ul id="tmenu0" style="margin-left:4px"> <li class="m"><a class="m" href="http://cod-hacks.3dn.ru/">Главная</a></li> <li class="m"><a class="m" href="/forum/">Форум</a></li> <li class="m"><a class="m" href="/gb/">Отзывы о сайте</a></li> <li class="m"><a class="m" href="/faq/">FAQ</a></li> <li class="m"><a class="m" href="/index/0-4">Правила сайта</a></li> <li class="m"><a class="m" href="/index/0-3">Связь с администрацией</a></li> <li class="m"><a class="m" href="/index/0-8">Битая ссылка</a></li> <li class="m"><a class="m" href="/forum/18-28-1">Заказ скинов<sup><img src="http://s49.radikal.ru/i124/0903/e7/1586d74c19c4.gif" align="absmiddle" border="0"></sup></a></li> <li class="expanded"><span style="font-weight:bold">Все для CoD2</span> <ul> <li class="m"><a class="m" href="/load/4">Читы для CoD2</a></li> <li class="m"><a class="m" href="/forum/19-32-1">Патчи</a></li> <li class="m"><a class="m" href="/forum/1">Форум</a></li> <li class="m"><a class="m" href="/load/5">Моды</a></li> <li class="m"><a class="m" href="/load/17">Скрипты</a></li> <li class="m"><a class="m" href="/forum/6-1-1">Вопросы по запуску хаков</a></li> <li class="m"><a class="m" href="/load/1">Все файлы</a></li> </ul></li> <li class="expanded"><span style="font-weight:bold">Все для CoD4</span> <ul> <li class="m"><a class="m" href="/load/6">Читы для CoD4 v1.0</a></li> <li class="m"><a class="m" href="/load/7">Читы для CoD4 v1.2</a></li> <li class="m"><a class="m" href="/load/8">Читы для CoD4 v1.6</a></li> <li class="m"><a class="m" href="/load/9">Читы для CoD4 v1.7</a></li> <li class="m"><a class="m" href="/load/11">Программы</a></li> <li class="m"><a class="m" href="/load/15">Карты</a></li> <li class="m"><a class="m" href="/load/10">Моды</a></li> <li class="m"><a class="m" href="/load/19">Утилиты</a></li> <li class="m"><a class="m" href="/load/16">Античиты, скрипты</a></li> <li class="m"><a class="m" href="/forum/9-5-1">Патчи</a></li> <li class="m"><a class="m" href="/forum/2">Форум</a></li> <li class="m"><a class="m" href="/forum/7-2-1">Вопросы запуску хаков</a></li> <li class="m"><a class="m" href="/forum/8-4-1">Какие хаки вы ищите</a></li> <li class="m"><a class="m" href="/load/2">Все файлы</a></li> </ul></li> <li class="expanded"><span style="font-weight:bold">Все для CoD5</span> <ul> <li class="m"><a class="m" href="/load/12">Читы</a></li> <li class="m"><a class="m" href="/load/14">Программы</a></li> <li class="m"><a class="m" href="/forum/20-33-1">Патчи</a></li> <li class="m"><a class="m" href="/forum/3">Форум</a></li> <li class="m"><a class="m" href="/forum/13-12-1">Какие хаки вы ищите</a></li> <li class="m"><a class="m" href="/forum/12-11-1">Вопросы по запуску хаков</a></li> <li class="m"><a class="m" href="/load/3">Все файлы</a></li> </ul></li> <li class="expanded"><span style="font-weight:bold">Все для MW 2</span> <ul> <li class="m"><a class="m" href="/news/1-0-1">Новости</a></li> <li class="m"><a class="m" href="/forum/15">Обсуждение</a></li> <li class="m"><a class="m" href="/load/20">Файлы</a></li> <li class="m"><a class="m" href="/index/0-16">Канал<sup><img src="http://s49.radikal.ru/i124/0903/e7/1586d74c19c4.gif" align="absmiddle" border="0"></sup></a></li> </ul></li> <li class="expanded"><span style="font-weight:bold">Читы для других игр<sup><img src="http://s49.radikal.ru/i124/0903/e7/1586d74c19c4.gif" align="absmiddle" border="0"></sup></span> <ul> <li class="m"><a class="m" href="/forum/25">CS 1.6</a></li> <li class="m"><a class="m" href="/forum/26">Left 4 Dead</a></li> <li class="m"><a class="m" href="/forum/24">Поиск читов</a></li> </ul></li> <li class="m"><a class="m" href="/dir/">Друзья сайта</a></li> <li class="m"><a class="m" href="/load/">Каталог файлов</a></li> <li class="m"><a class="m" href="/publ/">Каталог статей</a></li> <li class="m"><a class="m" href="/search/">Поиск по сайту</a></li> <li class="m"><a class="m" href="/blog/">Видео</a></li> <li class="m"><a class="m" href="/forum/17">Полезные программы</a></li> <li class="m"><a class="m" href="/forum/16-13-1">Баннеробмен</a></li> <script type="text/javascript"> function tmenudata0() { this.animation_jump = 15 this.animation_delay = 2 this.imgage_gap = 4 this.plus_image = "http://www.cod-hacks.3dn.ru/image/plus.png" this.minus_image = "http://www.cod-hacks.3dn.ru/image/minus.png" this.pm_width_height = "15,15" this.folder_image = "" this.document_image = "" this.icon_width_height = "15,15" this.indent = 10; this.use_hand_cursor = true; this.main_item_styles = "text-decoration:none; \ font-weight:normal; \ font-family:Arial; \ font-size:12px; \ color:#CCCCCC; \ padding:1px; " this.sub_item_styles = "text-decoration:none; \ font-weight:normal; \ font-family:Arial; \ font-size:12px; \ color:#ffffff; " this.main_container_styles = "padding:0px;" this.sub_container_styles = "padding-top:7px; padding-bottom:7px;" this.main_link_styles = "color:#CCCCCC; text-decoration:none;" this.main_link_hover_styles = "color:#FFFFFF; text-decoration:underline;" this.sub_link_styles = "" this.sub_link_hover_styles = "" this.main_expander_hover_styles = "text-decoration:underline;"; this.sub_expander_hover_styles = "";} </script> <SCRIPT language=JavaScript>ulm_ie=window.showHelp;ulm_opera=window.opera; ulm_strict=((ulm_ie || ulm_opera)&&(document.compatMode=="CSS1Compat"));ulm_mac=navigator.userAgent.indexOf("Mac")+1; is_animating=false;cc3=new Object();cc4=new Object(); cc0=document.getElementsByTagName("UL");for(mi=0;mi<cc0.length; mi++){if(cc1=cc0[mi].id){if(cc1.indexOf("tmenu")>-1){cc1=cc1.substring(5); cc2=new window["tmenudata"+cc1];cc3["img"+cc1]=new Image();cc3["img"+cc1].src=cc2.plus_image;cc4["img"+cc1]=new Image(); cc4["img"+cc1].src=cc2.minus_image;if(!(ulm_mac && ulm_ie)){t_cc9=cc0[mi].getElementsByTagName("UL");for(mj=0;mj<t_cc9.length; mj++){cc23=document.createElement("DIV");cc23.className="uldivs"; cc23.appendChild(t_cc9[mj].cloneNode(1));t_cc9[mj].parentNode.replaceChild(cc23,t_cc9[mj]); }}cc5(cc0[mi].childNodes,cc1+"_",cc2,cc1); cc6(cc1,cc2);cc0[mi].style.display="block"; }}};function cc5(cc9,cc10,cc2,cc11){eval("cc8=new Array("+cc2.pm_width_height+")");this.cc7=0;for(this.li=0;this.li<cc9.length; this.li++){if(cc9[this.li].tagName=="LI"){this.level=cc10.split("_").length-1; cc9[this.li].style.cursor="default";this.cc12=false;this.cc13=cc9[this.li].childNodes; for(this.ti=0;this.ti<this.cc13.length;this.ti++){lookfor="DIV"; if(ulm_mac && ulm_ie)lookfor="UL";if(this.cc13[this.ti].tagName==lookfor){this.tfs=this.cc13[this.ti].firstChild; if(ulm_mac && ulm_ie)this.tfs=this.cc13[this.ti];this.usource=cc3["img"+cc11].src; if((gev=cc9[this.li].getAttribute("expanded"))&&(parseInt(gev))){this.usource=cc4["img"+cc11].src; }else this.tfs.style.display="none";if(cc2.folder_image){create_images(cc2,cc11,cc2.icon_width_height,cc2.folder_image,cc9[this.li]); this.ti=this.ti+2;}this.cc14=document.createElement("IMG");this.cc14.setAttribute("width",cc8[0]); this.cc14.setAttribute("height",cc8[1]);this.cc14.className="plusminus"; this.cc14.src=this.usource;this.cc14.onclick=cc16;this.cc14.onselectstart=function(){return false}; this.cc14.setAttribute("cc2_id",cc11);this.cc15=document.createElement("div"); this.cc15.style.display="inline";this.cc15.style.paddingLeft=cc2.imgage_gap+"px"; cc9[this.li].insertBefore(this.cc15,cc9[this.li].firstChild); cc9[this.li].insertBefore(this.cc14,cc9[this.li].firstChild); this.ti+=2;new cc5(this.tfs.childNodes,cc10+this.cc7+"_",cc2,cc11);this.cc12=1; }else if(this.cc13[this.ti].tagName=="SPAN"){this.cc13[this.ti].onselectstart=function(){return false}; this.cc13[this.ti].onclick=cc16;this.cc13[this.ti].setAttribute("cc2_id",cc11); this.cname="cc24";if(this.level>1)this.cname="cc25";if(this.level> 1)this.cc13[this.ti].onmouseover=function(){this.className="cc25"; };else this.cc13[this.ti].onmouseover=function(){this.className="cc24"; };this.cc13[this.ti].onmouseout=function(){this.className="";}; }}if(!this.cc12){if(cc2.document_image){create_images(cc2,cc11,cc2.icon_width_height,cc2.document_image,cc9[this.li]); }this.cc15=document.createElement("div");this.cc15.style.display="inline"; if(ulm_ie)this.cc15.style.width=cc2.imgage_gap+cc8[0]+"px";else this.cc15.style.paddingLeft=cc2.imgage_gap+cc8[0]+"px"; cc9[this.li].insertBefore(this.cc15,cc9[this.li].firstChild);}this.cc7++; }}};function create_images(cc2,cc11,iwh,iname,liobj){eval("tary=new Array("+iwh+")");this.cc15=document.createElement("div");this.cc15.style.display="inline"; this.cc15.style.paddingLeft=cc2.imgage_gap+"px"; liobj.insertBefore(this.cc15,liobj.firstChild); this.fi=document.createElement("IMG");this.fi.setAttribute("width",tary[0]); this.fi.setAttribute("height",tary[1]);this.fi.setAttribute("cc2_id",cc11); this.fi.className="plusminus";this.fi.src=iname;this.fi.style.verticalAlign="middle"; this.fi.onclick=cc16;liobj.insertBefore(this.fi,liobj.firstChild); };function cc16(){if(is_animating)return;cc18=this.getAttribute("cc2_id"); cc2=new window["tmenudata"+cc18];cc17=this.parentNode.getElementsByTagName("UL"); if(parseInt(this.parentNode.getAttribute("expanded"))){this.parentNode.setAttribute("expanded",0); if(ulm_mac && ulm_ie){cc17[0].style.display="none";}else {cc27=cc17[0].parentNode;cc27.style.overflow="hidden";cc26=cc27; cc27.style.height=cc17[0].offsetHeight;cc27.style.position="relative"; cc17[0].style.position="relative";is_animating=1;setTimeout("cc29("+(-cc2.animation_jump)+",false,"+cc2.animation_delay+")",0); }this.parentNode.firstChild.src=cc3["img"+cc18].src;}else {this.parentNode.setAttribute("expanded",1);if(ulm_mac && ulm_ie){cc17[0].style.display="block";}else {cc27=cc17[0].parentNode;cc27.style.height="1px";cc27.style.overflow="hidden"; cc27.style.position="relative";cc26=cc27;cc17[0].style.position="relative"; cc17[0].style.display="block";cc28=cc17[0].offsetHeight;cc17[0].style.top=-cc28+"px"; is_animating=1;setTimeout("cc29("+cc2.animation_jump+",1,"+cc2.animation_delay+")",0); }this.parentNode.firstChild.src=cc4["img"+cc18].src;}};function cc29(inc,expand,delay){cc26.style.height=(cc26.offsetHeight+inc)+"px"; cc26.firstChild.style.top=(cc26.firstChild.offsetTop+inc)+"px"; if( (expand &&(cc26.offsetHeight<(cc28)))||(!expand &&(cc26.offsetHeight>Math.abs(inc))) )setTimeout("cc29("+inc+","+expand+","+delay+")",delay);else {if(expand){cc26.style.overflow="visible"; if((ulm_ie)||(ulm_opera && !ulm_strict))cc26.style.height="0px";else cc26.style.height="auto";cc26.firstChild.style.top=0+"px";}else {cc26.firstChild.style.display="none"; cc26.style.height="0px";}is_animating=false;}};function cc6(id,cc2){np_refix="#tmenu"+id;cc20="<style type='text/css'>";cc19="";if(ulm_ie)cc19="height:0px;font-size:1px; ";cc20+=np_refix+" {width:100%;"+cc19+"-moz-user-select:none;margin:0px;padding:0px; list-style:none;"+cc2.main_container_styles+"}";cc20+=np_refix+" li{white-space:nowrap; list-style:none;margin:0px;padding:0px;"+cc2.main_item_styles+"}"; cc20+=np_refix+" ul li{"+cc2.sub_item_styles+"}";cc20+=np_refix+" ul{list-style:none;margin:0px;padding:0px;padding-left:"+cc2.indent+"px; "+cc2.sub_container_styles+"}";cc20+=np_refix+" a{"+cc2.main_link_styles+"}";cc20+=np_refix+" a:hover{"+cc2.main_link_hover_styles+"}";cc20+=np_refix+" ul a{"+cc2.sub_link_styles+"}";cc20+=np_refix+" ul a:hover{"+cc2.sub_link_hover_styles+"}";cc20+=".cc24 {"+cc2.main_expander_hover_styles+"}";if(cc2.sub_expander_hover_styles)cc20+=".cc25 {"+cc2.sub_expander_hover_styles+"}"; else cc20+=".cc25 {"+cc2.main_expander_hover_styles+"}";if(cc2.use_hand_cursor)cc20+=np_refix+" li span,.plusminus{cursor:url('http://graphics-xp.ucoz.ru/cursor.cur'); cursor:pointer;}";else cc20+=np_refix+" li span,.plusminus{cursor:default;}";document.write(cc20+"</style> ");}</SCRIPT><!-- /UcoZMenu --></div><script type="text/javascript">try { var nl=document.getElementById('menuDiv').getElementsByTagName('a'); var found=-1; var url=document.location.href+'/'; var len=0; for (var i=0;i<nl.length;i++){ if (url.indexOf(nl[i].href)>=0){ if (found==-1 || len<nl[i].href.length){ found=i; len=nl[i].href.length; } } } if (found>=0){ nl[found].className='ma'; } } catch(e){}</script><!--/U1AAMENU1Z--> </td></tr>
Скрипт для ucoz - меню (раздвижное) Простое раздвижное меню, при небольшом усилии можно получить очень неплохой дизайн скрипта ucoz
Установка код скрипта
Code
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: black; text-decoration: none; background: #fff; padding: 1px 5px; border: 1px solid #ccc; border-bottom: 0; } .suckerdiv ul li a:visited{ color: black; } .suckerdiv ul li a:hover{ background-color: #377CB4; } .suckerdiv .subfolderstyle{ background: url(http://promax.pp.ru/imagesmenu/arrow-list.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="Сылка" title="Описание при наведении">Название страницы</a></li> <li><a href="Сылка" title="Описание при наведении">Название страницы</a> <ul> <li><a href="Сылка" title="Описание при наведении">Название страницы</a> </li> </ul> <li><a href="Сылка" title="Описание при наведении">Название страницы</a> <ul> <li><a href="Сылка" title="Описание при наведении">Название страницы</a> <li><a href="Сылка" title="Описание при наведении">Название страницы</a> </ul> </li> </div>
Скрипт для ucoz - Вертикальное раздвижное меню На этом сайте Вы можете найти точно такой же скрипт для ucoz - Вертикальное меню \ навигация сайта только с иконками каждой категории
Установка вставляем код скрипта в место где хотите видеть меню, как правило верхний левый блок
Code
<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-color: green; } .suckerdiv .subfolderstyle{ background: url(http://forever-web.ucoz.ru/templates/next-list.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"> //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://forever-web.ucoz.ru/">Главная</a></li> <li><a href="http://forever-web.ucoz.ru/forum/">Форум</a></li> <li><a href="http://forever-web.ucoz.ru/gb/">Гостевая</a></li> <li><a href="http://forever-web.ucoz.ru/load/">Все файлы</a></li> <li><a href="http://forever-web.ucoz.ru/load/12">Программы</a> <ul> <li><a href="http://forever-web.ucoz.ru/load/13">Мультимедиа</a></li> <li><a href="http://forever-web.ucoz.ru/load/14">Безопасность</a></li> <li><a href="http://forever-web.ucoz.ru/load/15">Интернет</a></li> <li><a href="http://forever-web.ucoz.ru/load/16">Утилиты</a></li> <li><a href="http://forever-web.ucoz.ru/load/17">Обслуживание</a></li> <li><a href="http://forever-web.ucoz.ru/load/26">Графика и дизайн</a></li> <li><a href="http://forever-web.ucoz.ru/load/28">Остальное</a></li> </ul> </li> <li><a href="http://forever-web.ucoz.ru/load/1">Все для uCoz</a> <ul> <li><a href="http://forever-web.ucoz.ru/forum/13">Скрипты</a></li> <li><a href="http://forever-web.ucoz.ru/load/2">Шаблоны</a></li> <li><a href="http://forever-web.ucoz.ru/load/5">Ранги</a></li> <li><a href="http://forever-web.ucoz.ru/load/4">Кнопки форума</a></li> <li><a href="http://forever-web.ucoz.ru/load/6">Иконки форума</a></li> <li><a href="http://forever-web.ucoz.ru/load/7">Иконки групп</a></li> <li><a href="http://forever-web.ucoz.ru/load/29">Остальное</a></li> </ul> </li> <li><a href="http://forever-web.ucoz.ru/load/22">Photoshop</a> <ul> <li><a href="http://forever-web.ucoz.ru/load/23">Кисти</a></li> <li><a href="http://forever-web.ucoz.ru/load/25">Стили</a></li> <li><a href="http://forever-web.ucoz.ru/load/27">Перекрытия</a></li> <li><a href="http://forever-web.ucoz.ru/load/24">Аватары [psd]</a></li> </ul> </li> <li><a href="http://forever-web.ucoz.ru/photo/">IMG В Контакте</a></li> <li><a href="http://forever-web.ucoz.ru/index/0-9" title="Автоматическая регистрация cайта в поисковых системах">Авто регистрация</a></li> <li><a href="http://forever-web.ucoz.ru/index/0-10">Обратная связь</a></li> </ul> </b></div>