Рабочее раздвижное меню для ucoz


Рабочее раздвижное меню для ucoz. Компактное раздвижное меню для uCoz я бы сказал в стиле Windows за основу взяты изображение папок.

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


Code
<div style="display:inline;" id="menuDiv"><ul id="tmenu0" style="margin-left:4px">  
<li class="expanded"><span style="font-weight:bold">Навигация</span>  
<ul>  
  <li><a href="$HOME_PAGE_LINK$">Главная</a></li>
  <li><a href="/forum/">Форум</a></li>
</ul></li>  

<li class="expanded"><span style="font-weight:bold">НАЗВАНИЕ</span>  
<ul>  
  <li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>  
  <li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>  
  <li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>

  <li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>  
</ul></li>

<li><span style="font-weight:bold">НАЗВАНИЕ</span>  
<ul>  
  <li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>  
  <li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>  
  <li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>  
  <li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>  

</ul></li>  

<script type="text/javascript">  
//<![CDATA[  
var li = document.getElementById('tmenu0').getElementsByTagName('li');  
for(i in li) if(li[i].className=='expanded') li[i].setAttribute('expanded','1');  
function tmenudata0() {  
  this.animation_jump = 5  
  this.animation_delay = 2  
  this.imgage_gap = 3  
  this.plus_image = "http://vsebudetok.net/menu/plus_fav.gif"  
  this.minus_image = "http://stsite.ucoz.ru/minus_fav.gif"  
  this.pm_width_height = "14,14"  
  this.folder_image = "http://vsebudetok.net/menu/folder.gif"  
  this.document_image = "http://vsebudetok.net/menu/n_st.gif"  
  this.icon_width_height = "16,16"  
  this.icon_width2_height2 = "11,6"  
  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:#gold; padding:2px; "  
  this.sub_item_styles = "text-decoration:none; font-weight:normal; font-family:Arial; font-size:12px; color:#333333; "  
  this.main_container_styles = "padding:0px;"  
  this.sub_container_styles = "padding-top:1px; padding-bottom:1px;"  
  this.main_link_styles = "color:#000000; text-decoration:none;"  
  this.main_link_hover_styles = "color:#A98579; 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 src="http://vsebudetok.net/menu/jsMenu.js" type="text/javascript"></script></ul></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>  
  

Заменяем ссылки на свои.
Готово.


  Категория: Меню для ucoz | Добавил: AID | Дата: 18.09.2011
Скачать Рабочее раздвижное меню для ucoz с сервера
344_ind.rar Размер: 1.4 Kb (cкачиваний: 163)
Скачать Рабочее раздвижное меню для ucoz с файлообменника
Посмотреть демо Рабочее раздвижное меню для ucoz
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Хостинг от uCoz