Горизонтальное меню на CSS by Webing

Категория: Меню / Дата добавления материала: 29.07.2011, 00:35
В этом уроке вы научитесь делать красивые горизонтальные меню для вашего сайта, меню не совсем сложное так что я думаю даже новичкам можно будет попробовать сделать его, все атрибуты и исходные коды я буду вам показывать и рассказывать, что и какой атрибут означает, будет не сложно. Классы CSS: Code <ul class="menu_top"> <li class="polosa"></li> <li ><a href="">Главная</a></li> <li class="polosa"></li> <li ><a href="">Главная</a></li> <li class="polosa"></li> <li ><a href="">Главная</a></li> <li class="polosa"></li> <li ><a href="">Главная</a></li> <li class="polosa"></li> </ul> CSS: Code .menu_top {background:url(http://new-info.ucoz.net/imghost/all.png) repeat-x; height:33px;width:100%;} .menu_top li {margin:0px;padding:0px;float:left;} .menu_top {list-style:none;} .menu_top a {color:#fff; text-decoration:none; padding-right:6px; line-height:33px;font-family:Tahoma;font-size:11px;display:block;padding-left:6px;} .menu_top a:hover {background:url(http://new-info.ucoz.net/imghost/hov.png) repeat-x; height:33px;} li.polosa {background:url(http://new-info.ucoz.net/imghost/pol.png) no-repeat; float:left; width:2px; height:33px;} Полезный материал ? Посетите сайт автора: http://rip-ucoz.ru
Просмотров: 809 \| Загрузок: 0 \| Рейтинг: 0.0/0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]