вРазные полезности

Вертикальное меню для 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>

источник: zornet.ru

Похожие посты