O-uCoz.com

спонсор

Черно-бело меню для ucoz

03.07.2025 просмотров 190 | комментарии 0


Установка:

1. Копируем код и вставляем в CSS:
Код

ul#menu {list-style-type:none; margin:0; padding:0;}  

  ul#menu li a{  
  color:#909090;  
  background: url(http://suprastrike.ucoz.ru/design/vert_menu2.png) no-repeat 0 0;  
  text-decoration:none;  
  width: 200px;  
  height: 55px;  
  display:block;  
  border:none;  
  text-shadow: #ddd 2px 2px 0;  
  }  

  ul#menu li a:hover{  
  background-position: 50% 100%;  
  width: 200px;  
  height: 55px;  
  display:block;  
  color:#fff;  
  text-shadow: #000 2px 2px 0;  
  }  

  ul#menu li a span{  
  font-family:sans-serif;  
  font-size:18px;  
  padding:17px 0 0 20px;  
  display:block;  
  }


2. HTML
Код

<ul id="menu">  
  <li><a href="#"><span>Главная</span></a></li>  
  <li><a href="#"><span>Поиск</span></a></li>  
  <li><a href="#"><span>Регистрация</span></a></li>  
  <li><a href="#"><span>Карта сайта</span></a></li>  
  <li><a href="#"><span>О сайте</span></a></li>  
  </ul>
Рубрика: uCoz скрипты Теги: Черно-бело, ucoz, null, Для, меню
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Навигация
Горячие новости
Теги
Последние коментарии
DUMASS написал:
Спасибо за статью)
Статистика