Главная » 2010 » Февраль » 26 » Хорошее вертикальное меню (Скрипты для ucoz)
26.02.2010, 09:43

Хорошее вертикальное меню



ПУ-->Управление дизайном-->CSS. В самый верх ставим это:

Quote
ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu14 {
width: 200px;
margin: 10px;
}

#menu14 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu14 li a:link, #menu14 li a:visited {
color: #000;
display: block;
background: url(menu14.gif);
padding: 8px 0 0 10px;
}

#menu14 li a:hover, #menu14 li #current {
color: #FFF;
background: url(menu14.gif) 0 -32px;
padding: 8px 0 0 10px;
}

Красное меняем на путь до картинки, которая находиться ниже.

Само меню (вставляете в любое место сайта):

Code
<div id="menu14">
  <ul>
  <li><a href="http://webscripts.ucoz.ru/"><span>Главная</span></a></li>
  <li><a href="http://webscripts.ucoz.ru/"><span>Поиск</span></a></li>
  <li><a href="http://webscripts.ucoz.ru/"><span>Регистрация</span></a></li>
  <li><a href="http://webscripts.ucoz.ru/"><span>Карта сайта</span></a></li>
  <li><a href="http://webscripts.ucoz.ru/"><span>О сайте</span></a></li>
  </ul>
</div>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: Скрипты uCoz | Просмотров: 9391 | Добавил: antisept | Рейтинг: 5.0/1 |
Теги: вертикальное, Хорошее, меню
Всего комментариев: 1
0  
1 Dignition   (06.01.2011 05:45) [Материал]
Аватар пользователя
Вот рабочий CSS:

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

#menu14 {
width: 200px;
margin: 10px;
}

#menu14 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu14 li a:link, #menu14 li a:visited {
color: #000;
display: block;
background: url('http://webscripts.ucoz.ru/script/images/menu14.gif');
padding: 8px 0 0 10px;
}

#menu14 li a:hover, #menu14 li #current {
color: #FFF;
background: url('http://webscripts.ucoz.ru/script/images/menu14.gif') 0 -32px;
padding: 8px 0 0 10px;
}


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