Главная » Файлы » Скрипты для uCoz » Меню

Вертикальное меню на спрайтах от K84pro
24.06.14, 09:08:14

Скачать файл




Демо

Приветствую!
На досуге нарисовал простое вертикальное меню на спрайтах!
В архиве лежит сам спрайт и PSD файл (можете изменять цвета под свой сай)

Установка:

Качаем архив;

Картнку sprite.jpg кидаем в папку img;

Ставим в то место где хотим видеть меню;
Код
<ul id="menu">  
<li><a href="/">Главная</a></li>  
<li><a href="/">Статьи</a></li>  
<li><a href="/">Форум</a></li>  
<li><a href="/">Файлы</a></li>  
<li><a href="/">Фото</a></li>  
<li><a href="/">О нас</a></li>  
</ul>


Этот код в CSS;
Код
#menu li {  
background: url("../img/sprite.jpg");  
width:250px;  
height:50px;  
text-decoration: none;  
display: block;  
  }  
  #menu li:hover {  
color: #fff;  
background: url("../img/sprite.jpg") 0 -50px;  
  }  
  #menu a {  
padding:16px 20px;  
color:#fff;  
text-decoration: none;  
display: block;  
font:15px Arial;  
}  

  #menu a:hover {  
color: #000;  
  }


Вот и всё!
Удачи!
Категория: Меню | Добавил: Apocalypse | Теги: вертикальное, K84pro, спрайтах, на, От, Меню
Просмотров: 453 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: