Главная
Категория: Онлайн Программы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 623
Категория: Ucoz » Меню для ucoz Опубликовал: DavGev Дата: 18.05.2013
Черное горизонтальное меню для ucoz

Черное горизонтальное меню для ucoz
Классическое горизонтальное меню для ucoz черного цвета с глянцевым эффектом.
Установка:
1. Копируем код и вставляем в CSS:

#menu{ 
  width:100%; 
  margin:0; 
  padding:0;  
} 

#menu ul{ 
  list-style:none; 
} 

#menu li{ 
  list-style:none; 
  display:block; 
  float:left; 
} 

#menu li a{ 
  font-family:sans-serif; 
  display:block; 
  float:left; 
  height:50px; 
  color:#F4F4F4; 
  font-size:18px; 
  font-weight:bold; 
  background:url(http://wallaby.ucoz.ru/menu/menu_left6.png) no-repeat left; 
  line-height:49px; 
  padding:0 0 0 20px; 
  text-decoration:none; 
} 

#menu li a span{ 
  display:block; 
  float:left; 
  background:url(http://wallaby.ucoz.ru/menu/menu_right6.png) no-repeat right; 
  height:50px; 
  color:#F4F4F4; 
  line-height:49px; 
  padding:0 20px 0 0; 
} 

#menu li a:hover{ 
  display:block; 
  float:left;  
  background:url(http://wallaby.ucoz.ru/menu/menu_left_h6.png) no-repeat left; 
  height:50px; 
} 

#menu li a:hover span{ 
  display:block; 
  float:left;  
  background:url(http://wallaby.ucoz.ru/menu/menu_right_h6.png) no-repeat right; 
  color:#fff; 
  height:50px; 
}

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

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

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