Главная » Файлы » Скрипты для 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; } Вот и всё! Удачи! | |
Просмотров: 484 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |