Оранжевое меню для ucoz со штриховкой

8511 просмотров Alan_Writer 26.05.2013

Демо ▶️

Меню для ucoz - Оранжевое меню для ucoz со штриховкой. Классическое меню для сайта ucoz. Меню выполнено в оранжевых тонах со штриховкой и стрелочкой перед категориями.

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

Вставляем в Ваш CSS:
Код
#menu4 ul {  
  list-style: none;  
  margin: 0;  
  padding: 0;}  

#menu4 {  
  width: 200px;  
  border-style: solid solid none solid;  
  border-color: #D76100;  
  border-size: 1px;  
  border-width: 1px;  
  margin: 10px;}  

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

#menu4 li a:link, #menu4 li a:visited {  
  color: #9E3C02;  
  display: block;  
  background: url(http://wallaby.ucoz.ru/menu_templates/menu4.gif);  
  padding: 8px 0 0 30px;}  

#menu4 li a:hover, #menu4 li #current {  
  color: #fff;  
  background: url(http://wallaby.ucoz.ru/menu_templates/menu4.gif) 0 -32px;  
  padding: 8px 0 0 30px;}  

#menu4 li a:active {  
  color: #fff;  
  background: url(http://wallaby.ucoz.ru/menu_templates/menu4.gif) 0 -64px;  
  padding: 8px 0 0 30px;}

Этот HTML код туда где хотим видеть меню:
Код
<div id="menu4">
<ul>
<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>
<a href="http://fullweb.ucoz.ru/" style="display: none;"></a>
</ul>
</div>

Все готово!

Теги: меню для сайта, Оранжевое меню, красивое меню, меню для ucoz, для uCoz, вертикальное меню
0 Комментариев