|
Форум ONLINE-CSS Все для Web-мастера Скрипты для uCoz Новое меню сайта |
Новое меню сайта |
Дата: Среда, 18.12.2013, 02:02 | Сообщение # 1
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)
|
| |||
| |||