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

Меню от сайта uCozFAN

 
Думаю многие поставят шаблон сайта и им не нравится меню сайта, вам предлагается меню для светлых шаблонов сайта, дизайн как сами видите красивый пользуйтесь на здоровья. Еще можно добавить что меню смотрелось шикарно по дизайну, надо чтоб в шаблоне присутствовали такие же оттенки цвета.
Приступаем к установке:
Вставляем в блок а css прописываем в стилях.
В Блок прописываем этот код:

Код
<div id=»side_left»>  
  <div class=»b_loop block_menu»>  
  <div class=»b_title»>Меню сайта</div>  
  <div class=»b_cont»>  
  <ul class=»block_nav»>  
  <li><a href=»http://zornet.ru/»>Главная страница</a></li>  
  <li><a href=»http://zornet.ru/»><font color=»28cbe8″>Форум портала</font></a></li>  
  <li><a href=»http://zornet.ru/»>Скачать торрент</a></li>  
  <li><a href=»http://zornet.ru/»>Фильмы онлайн</a></li>  
  <li><a href=»http://zornet.ru/»>Админ Центр</a></li>  
  <li><a href=»http://zornet.ru/»>Правила</a></li>  
  <li><a href=»http://zornet.ru/»>Музыка</a></li>  
  <li><a href=»http://zornet.ru/»>Услуги</a></li>  
  </ul>  
  </div>  
  </div>

В CSS вставляем стиль:

Код
/* Site Menus */  
  .uMenuH li float:left;padding:0 5px;  
   
  .uMenuV .uMenuItem font-weight:normal;  
  .uMenuV li a font-size: 11pt; padding: 3px 5px 3px 20px;  
  .uMenuV li a:link text-decoration:none; color:#000  
  .uMenuV li a:active text-decoration:none; color:#000  
  .uMenuV li a:visited text-decoration:none; color:#000  
  .uMenuV li a:hover text-decoration:none; color:#7d7d7d; background: url(‘http://zornet.ru/Zornet-2/6.gif’) center left no-repeat;  
   
  .uMenuV .uMenuItemA font-weight:bold;  
  .uMenuV a.uMenuItemA:link text-decoration:none; color:#000000; background: url(‘http://zornet.ru/Zornet-2/6.gif’) center left no-repeat;  
  .uMenuV a.uMenuItemA:visited text-decoration:none; color:#000000; background: url(‘http://zornet.ru/Zornet-2/6.gif’) center left no-repeat;  
  .uMenuV a.uMenuItemA:hover text-decoration:none; color:#7d7d7d; background: url(‘http://zornet.ru/Zornet-2/6.gif’) center left no-repeat;  
  .uMenuV .uMenuArrow position:absolute;width:10px;height:10px;right:0;top:3px;background:url(‘http://zornet.ru/Zornet-2/7.gif’) no-repeat 0 0;  
  .uMenuV li margin: 3px 0px;  
  /* ——— */

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

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