Чтение RSS
По вопросам сотрудничества и рекламы на портале MixliP, обращаться на почту admin@turklib.ru
MixliP - Территория вебмастера! На нашем сайте вы найдете все для веб-мастеров и не только =) ! Различные скрипты для вашего сайта. И еще на нашем сайте немало софта! Заходи не пожалеешь!


ГОЛУБОЕ ВЕРТИКАЛЬНОЕ ВЫПАДАЮШЕЕ МЕНЮ ДЛЯ UCOZ

ГОЛУБОЕ ВЕРТИКАЛЬНОЕ ВЫПАДАЮШЕЕ МЕНЮ ДЛЯ UCOZ

Навигация на сайте должна быть красивой и удобной, именно эти функции выполняет данное вертикальное меню для uCoz. Цветовая гамма меню выполнена в 2 тонах: синий и оранжевый, которые менются при наведении на ссылку меню.

Инструкция
Шаг 1 качайте архив папку из архива в корень сайта
1.rar

Шаг-2 Установка CSS
Заходим в П.У - Дизайн - Упр. Дизайном(CSS) и в самый низ вставляем:


ul {  
   list-style: none;  
   margin: 0;  
   padding: 0;  
   }  
     
  img {  
   border: none;  
   }  
     
  #menu {  
   width: 200px;  
   margin: 10px;  
   }  
     
  #menu li a {  
   height: 32px;  
   voice-family: ""}"";   
   voice-family: inherit;  
   height: 24px;  
   text-decoration: none;  
   }   
     
  #menu li a:link, #menu li a:visited {  
   color: #FFF;  
   display: block;  
   background: url(http://vix.do.am/korzina/demo/menu/1/menu.gif);  
   padding: 8px 0 0 35px;  
   }  
     
  #menu li a:hover {  
   color: #FFF;  
   background: url(http://vix.do.am/korzina/demo/menu/1/menu.gif) 0 -32px;  
   padding: 8px 0 0 35px;  
   }  
  #menu li span {  
   position: absolute;  
   left: 12em;  
   margin-top: -1.4em;  
   width: 10em;  
   display: none;  
   }  
  #menu li:hover span { display: block;}  
  #menu li span a { display: inline; }




Шаг-3 Установка HTML
Вставляем в нужное на сайте место, обычно это Глобальные блоки: Верхняя часть сайта.


<div id="menu">  
   <ul>  
   <li><a href="http://mixlip.ru">CSS Главная</a></li>  
   <li><a href="#">CSS Меню</a>  
   <span>   
   <a href="#">1Ссылка</a>  
   <a href="#">Ссылка</a>  
   <a href="#">Ссылка</a>   
   </span>  
   </li>  
   <li><a href="#">CSS Меню</a>  
   <span>   
   <a href="#">2Ссылка</a>  
   <a href="#">Ссылка</a>  
   <a href="#">Ссылка</a>   
   </span>  
   </li>  
   <li><a href="#">CSS Меню</a>  
   <span>   
   <a href="#">3Ссылка</a>  
   <a href="#">Ссылка</a>  
   <a href="#">Ссылка</a>   
   </span>  
   </li>  
   <li><a href="#">CSS Меню</a>  
   <span>   
   <a href="#">4Ссылка</a>  
   <a href="#">Ссылка</a>  
   <a href="#">Ссылка</a>   
   </span>  
   </li>  
   <li><a href="#">CSS Меню</a>  
   <span>   
   <a href="#">5Ссылка</a>  
   <a href="#">Ссылка</a>  
   <a href="#">Ссылка</a>   
   </span>  
   </li>  
   <li><a href="#">CSS Меню</a>  
   <span>   
   <a href="#">6Ссылка</a>  
   <a href="#">Ссылка</a>  
   <a href="#">Ссылка</a>   
   </span>  
   </li>  
   </ul>  
  </div>  

Просмотры: 1521 Комментарии (0)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.


Владельцы и пользователи сайта MixliP.ru не осуществляют никакой продажи либо перепродажи программных и иных продуктов интеллектуальной собственности. На нашем сайте не хранится ни одного файла или документа, который нарушал бы смежное или авторское право.


Сайт MixliP.ru представляет собой набор новостей и ссылок на внешние общедоступные источники в сети Интернет, не подконтрольные администрации сайта MixliP.ru, а, следовательно, не несет никакой ответственности за их содержание.


Вся информация о программном обеспечении и скриптах, размещенная на данном сайте, предоставлена исключительно в ознакомительных целях и только для просмотра, и призвана помочь посетителям сайта MixliP.ru выбрать для себя и в последствии приобрести соответствующие лицензионные авторские программные продукты.


Читать полностью информацию правообладателям.


Сайт работает на хостинге BEGET.RU


Рекомендует Mixlip.RU





Наши друзья

Полезное

NEW - Анализ сайта

Оптимизация вашего сайта.

Читайте также

 Пользователи онлайн

  • Всего на сайте: 7
    Пользователей: 0
    Гостей: 6
    Роботов: 1
    Yandex