Главная » 2010 » Апрель » 12 » Красивое меню с подсветкой (Скрипты для ucoz)
12.04.2010, 18:42

Красивое меню с подсветкой



Красивое меню с подсветкой пунктов.

Итак, идем в ПУ-->Управление дизайном-->CSS. В любое место вставляем это:

Code

#hmenu21 {  
  float: center;
}

#hmenu21 a {
  text-decoration: none;
  color: #ffffff;
  background: url(http://torrentsgames.ucoz.ru/menu_a.png) repeat center top;
  display: block;
  height: 34px;
  width: 153px;
  text-align: center;
  font: bold 12px/33px tahoma, Times, serif;
  color: rgb(0, 153, 255);
}

#hmenu21 a:hover {
  background: url(http://torrentsgames.ucoz.ru/menu_b.png) repeat top center;
  display: block;
  height: 34px;
  width: 153px;
  color: #ffffff;
  text-align: center;
  font: bold 12px/33px tahoma, Times, serif;
  color: rgb(12, 9, 9);
}

А там, где хотим видеть меню, ставим это:

Code
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: Скрипты uCoz | Просмотров: 5019 | Добавил: antisept | Рейтинг: 4.0/2 |
Теги: красивое, меню, подсветкой
Всего комментариев: 1
0  
1 RaDo^^   (12.04.2010 23:08) [Материал]
Аватар пользователя
cooll))

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]