» »

Вертикальное меню для ucoz


Вертикальное меню для ucoz

Простое вертикальное менюz. В чем то не обычное. Возможно кому и пригодиться. У каждого раздела есть свой цветовой оттенок цвета чем оно и привлекательное.
Приступаем к установке:
В CSS вашего сайта:
Код
body {  
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  margin: 0;  
  font-size: 80%;  
  font-weight: bold;  
  background: #FFF;  
  }  

  h2 {  
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;  
  color: #000;  
  margin: 0px;  
  padding: 0px 0px 0px 15px;  
  }  
   
  ul {  
  list-style: none;  
  margin: 0;  
  padding: 0;  
  }  

  img {  
  border: none;  
  }  

  /*- Menu 12--------------------------- */  
   
  #menu12 {  
  width: 200px;  
  margin: 10px;  
  }  
   
  #menu12 li a {  
  height: 32px;  
  voice-family: "\"}\"";  
  voice-family: inherit;  
  height: 22px;  
  text-decoration: none;  
  }  
   
  #menu12 li a:link, #menu12 li a:visited {  
  color: #666;  
  display: block;  
  background: url(http://zornet.ru/scriptucoz/menu12.gif);  
  padding: 10px 0 0 35px;  
  }  
   
  #menu12 li a:hover, #menu12 li #current {  
  color: #000;  
  background: url(http://zornet.ru/scriptucoz/menu12.gif) 0 -32px;  
  padding: 10px 0 0 35px;  
  }

В блок вашего сайта:
Код
<div id="menu12">  
  <ul>  
  <!-- CSS Tabs -->  
  <li><a href="Home.html">http://zornet.ru/</a></li>  
  <li><a href="Products.html">http://zornet.ru/</a></li>  
  <li><a href="Services.html">http://zornet.ru/</a></li>  
  <li><a href="Support.html">http://zornet.ru/</a></li>  
  <li><a href="Order.html">http://zornet.ru/</a></li>  
  <li><a id="current" href="News.html">http://zornet.ru/</a></li>  
  <li><a href="About.html">http://zornet.ru/</a></li>  
  </ul>  
  </div>
19.04.2012 Просмотров: 1318 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar