Меню сайта
Counter-Strike 1.6
Материалы для Ucoz
Материалы для Фотошопа
Наш опрос
Какой мод CS 1.6 Вы предпочитаете?!
Всего ответов: 5547
Стата:
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа
Для вас
Главная » Файлы » Всё для системы UcoZ » Меню для сайта 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://cs-grom.ru/skripty/new_menu/strelo4ka.gif);  
  }  

  .suckerdiv .subfolderstyle{  
  background: url(http://cs-grom.ru/skripty/new_menu/strelo4ka_2.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="Cs-Grom.Ru">Главная</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="#">CSS</a></li>  
  </ul>  
  </div>

 


З.Ы. И как всегда, не забывайте менять ссылки и их названия- на свои !

 




Просмотров: 2258 | Рейтинг: 5.0/1/  | |Категория: Меню для сайта Ucoz|Добавил: Pwn3d | Загрузок: 144 |Теги: Красивое выдвижное меню для Юкоз-са
 
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Counter-Strike:Source
База знаний Warface
Новые файлы
скачать рандом хак |RandomHack для варфейс
Добавлено: 16.02.2015
скачать cfg cyx кс 1.6
Добавлено: 27.12.2014
скачать кук хак для кс 1.6
Добавлено: 15.12.2014
Мини-чат
Наш баннер
Зравствуй, Посетитель портала Cs-Grom.Ru!
Мы помогли тебе найти то, что надо ?! Помоги и ты нам ! Просто поставь на свой сайт наш баннер,
не будь жлобом =)


Cs-Grom.Ru игровой бесплатный торрент|скачать бесплатно читы для варфейс|RSS | Sitemap.xml | Sitemap-Forum.xml
Copyright © Cs-Grom.Ru 2018 |Копировать материалы запрещено без указания ссылки на наш сайт!