• Страница 1 из 1
  • 1
Форум ONLINE-CSS » Все для Web-мастера » Скрипты для uCoz » Новое меню сайта
Новое меню сайта
-=MaZaHaKa=-
Дата: Среда, 18.12.2013, 02:02 | Сообщение # 1
Гл.Администратор
Сообщений:
39
Offline


В css:
Код
.b_menu {width:194px; margin:0 1px;}     
.b_menu li {display:block; height:26px; line-height:26px; padding:0 0 1px 0;}         
.b_menu li a {display:block; background:url(/menu1.png) no-repeat 0 0; height:26px; color:#e0e0e0; padding:0 5px;}     
.b_menu li a:hover {background-position:0 -27px; text-decoration:none; color:#fff; padding:0 8px;}


В блок:
Код
<div class="b_menu">     
<ul>     
<li><a href="/">Главная страница</a></li>     
<li><a href="#">Навигация</a></li>     
<li><a href="#">Навигация</a></li>     
<li><a href="#">Навигация</a></li>     
<li><a href="#">Навигация</a></li>     
</ul>     
</div>


Если у вас на сайте блоки шире или уже, то вы можете подредактировать это меню под себя. Для этого вам нужно изменить ширину картинки и изменить ширину в CSS: width:194px, где 194 ставим вашу ширину.
Прикрепления: 6264659.png (11.2 Kb)


Форум ONLINE-CSS » Все для Web-мастера » Скрипты для uCoz » Новое меню сайта
  • Страница 1 из 1
  • 1
Поиск: