Ucoz Шаблоны, Юкоз скрипты для вашего сайта -

Красивое меню с оригинальными иконками

Красивое меню с оригинальными иконками, подстраиваетса под любой дизаен сайта, так как меню, берёт стили с вашего сайта.

Устоновка:

1. Закинуть в корень изоброжения, в папку "menu"
2. Вставить код в блок:

Code

<ul class="bnav">
  <li>
  <a href="http://net-css.my1.ru/" title="Главная страница сайта">
  <img src="/menu/home.png"/>
  Главная
  </a>
  </li>
  <div id="hras"/>
  <li>
  <a href="http://net-css.my1.ru/" title="Форум">
  <img src="/menu/forum.png"/>
  Форум
  </a>
  </li>
  <div id="hras"/>
  <li>
  <a href="http://net-css.my1.ru/" title="Статьи">
  <img src="/menu/comment.png"/>
  Статьи
  </a>
  </li>
  <div id="hras"/>
  <li>
  <a href="http://net-css.my1.ru/" title="Файлы">
  <img src="/menu/service.png"/>
  Файлы
  </a>
  </li>
  <div id="hras"/>
  <li>
  <a href="/index/muzyka/0-17" title="DubStep4ik">
  <img src="/menu/music.ico"/>
  Музыка
  </a>
  </li>
  <div id="hras"/>
  <li>
  <a href="/photo" title="Прикольный фотки ксс и жизни">
  <img src="/menu/picture.ico"/>
  Картинки
  </a>
  </li>
  <div id="hras"/>
  </ul>

А вот стили меню (ставим в css):

Code

/*by makar3000*/
  .bnav {width:100%; margin:0px; padding:0px; list-style:none; font-family:Tahoma, Helvetica, sans-serif; }
  .bnav li {height:19px; display:block; background:url(http://www.lacoste-css.ru/images/menu_bg.png) no-repeat 0 0;text-indent:5px;font-size:11px;}
  .bnav li:hover {background-position:0 -17px;}
  .bnav li:hover a:link,
  .bnav li:hover a:active,
  .bnav li:hover a:visited {color:696969;}
  .bnav li:first-child {border:0;}
  .bnav li a:link,
  .bnav li a:active,
  .bnav li a:visited {display:block; color:#fff; padding:2px 0 0 0;}
  .bnav li a:hover {text-decoration:none;}
  #hras {height:1px; border-bottom:1px solid #444444; background:#000;}
  /*----*/

Всего комментариев: 0