Главная » Файлы » Скрипты для Юкоз » Горизонт. меню

Черное, горизонтальное меню для Юкоз
[ Скачать с сервера (5.7 Kb) · Скриншот ] 11.12.2011, 23:15


Классическое горизонтальное меню для ucoz черного цвета с глянцевым эффектом.

Установка:


1. Качаем изображения с архива и заливаем к себе на сайт в папку "img".

2. Копируем код и вставляем в CSS:
Code
#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(/img/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(/img/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(/img/menu_left_h6.png) no-repeat left;  
  height:50px;  
}  

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


3. Вставляем в любой блок на сайте(туда, где хотим видеть горизонтальное меню):
Code
<div id="menu">  
  <ul>  
  <li><a href="http://u-mast.com/load/"><span>Главная</span></a></li>  
  <li><a href="http://u-mast.com/load/"><span>Поиск</span></a></li>  
  <li><a href="http://u-mast.com/load/"><span>Регистрация</span></a></li>  
  <li><a href="http://u-mast.com/load/"><span>Карта сайта</span></a></li>  
  <li><a href="http://u-mast.com/load/"><span>О сайте</span></a></li>  
  </ul>  
  </div>


Ссылки ставим свои, размер кнопок и шрифта можно подогнать в CSS.
Категория: Горизонт. меню | Добавил: Junior | Теги: черное, горизонтальное, меню, юкоз
Просмотров: 1501 | Загрузок: 144 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]