Главная
Категория: Онлайн Программы30.04.2015 в House 2
House 2
House 2
Категория: Онлайн Программы30.04.2015 в NEW EDM CUBE 2!!! (Создание музыки онлайн)
NEW EDM CUBE 2!!! (Создание музыки онлайн)
NEW EDM CUBE 2!!! (Создание музыки онлайн)
Категория: Онлайн Программы14.09.2014 в NEW EDM CUBE!!! (Создание музыки онлайн)
NEW EDM CUBE!!! (Создание музыки онлайн)
NEW EDM CUBE!!! (Создание музыки онлайн)
Категория: Онлайн Игры08.06.2014 в Transformers 3: Victory is Sweet
Transformers 3: Victory is Sweet
Transformers 3: Victory is Sweet
Категория: Скрипты для ucoz22.05.2014 в Автоматическое заполнение тегов ucoz
Автоматическое заполнение тегов ucoz
Автоматическое заполнение тегов ucoz
Популярные файлы
  • Комедия
  • Боевик
  • Триллер
Навигация по сайту: Развлекательный портал » Каталог файлов » Ucoz » Стильное горизонтальное меню для ucoz

Стильное горизонтальное меню для ucoz

0 542
Категория: Ucoz » Меню для ucoz Опубликовал: DavGev Дата: 18.05.2013
Стильное горизонтальное меню для ucoz

Стильное горизонтальное меню для ucoz
Горизонтальное меню для ucoz в черно-голубых цветах. Количество разделов меню можно расширить.
Установка:
1. Копируем код и вставляем в CSS:

#mainnav { 
  list-style-type: none; 
  margin: 0; 
} 
#mainnav li { 
  display: block; 
  float: left; 
  margin: 0 0 0 4px; 
  padding: 0 0 0 6px; 
} 
#mainnav a { 
  text-decoration: none; 
  height: 34px; 
  display: block; 
  line-height: 34px; 
  color: #666; 
  font-size: 18px; 
  margin: 0; 
  padding: 0 10px; 
  float: left; 
} 
#mainnav a:hover { text-decoration: none } 

#mainnav span { 
  display: block; 
  margin: 0; 
  padding: 0 6px 0 0; 
  float: left; 
} 

#mainnav li.current, 
#mainnav li.current span, 
#mainnav li.current span a, 
#mainnav li:hover, 
#mainnav li:hover a, 
#mainnav li:hover span { background: url(http://wallaby.ucoz.ru/menu/gorizont_menu.png) no-repeat 50% -34px } 

#mainnav li.current a,  
#mainnav li:hover a { color: #fff } 

#mainnav li.current { background-position: 0 -34px } 
#mainnav li.current span { background-position: 100% -34px } 
#mainnav li.current span a { background-position: 50% -34px } 

#mainnav li:hover { background-position: 0 -0px } 
#mainnav li:hover span { background-position: 100% 0px } 
#mainnav li:hover span a { background-position: 50% 0px }

2. Вставляем в любой блок на сайте(туда, где хотим видеть горизонтальное меню):

<ul id="mainnav" > 
<li><a href="http://wallaby.ucoz.ru"><span>Главная</span></a></li>  
<li><a href="http://wallaby.ucoz.ru/search"><span>Поиск</span></a></li>  
<li><a href="http://wallaby.ucoz.ru"><span>Регистрация</span></a></li>  
<li><a href="http://wallaby.ucoz.ru/sitemap.xml"><span>Карта сайта</span></a></li>  
<li><a href="http://wallaby.ucoz.ru"><span>О сайте</span></a></li> 
</ul>

Источник материала: Не указан.
Комментарии к новости
Всего комментариев: 0
Внимание!
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Комментарии:
Уважаемый пользователь, вы не можете оставлять комментарии к данной новости. Возможно вы не авторизованы или входите в группу которым запрещено совершать данное действие.