Меню на спрайтах для uCoz by_K84pro



Разработчик: by_K84pro

Выкладываю вам совершенно новое вертикальное меню для любого сайта системы ucoz. Данное меню выполнено в ярко красном цвете, но если данный цвет вас не устраивает вы его очень просто можете изменить под нужный, так как есть PSD исходник со слоями который вам поможет в этом. Данное меню очень простое и имеет очень небольшой код, что позволяет его использовать на тех порталах где не приветствуются большие коды, а в основе лежит минимализм.


PSD меню
Установка:

1) Качаете архив
2) «Заливаете» картинку «sprite» в корень своего сайта в папку img
3) Копируете данный код и вставляете его в CSS своего сайта

Code
#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;  
  }


4) Копируете данный код и вставляете в новый блок или в то место где хотите видеть свое меню

Code
<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>


5) Ссылки меняете на свои


Категория: Скрипты меню | Добавил: GaV | Теги: меню + PSD, скрипт, Меню на спрайтах by_K84pro, uCoz, крависое меню, крастное меню
Просмотров: 903 | Загрузок: 223 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]