» »

Оригинальное меню для сайта ucoz ( переделка с DLE )


Оригинальное меню для сайта ucoz ( переделка с DLE )

По своему красивое и оригинальное меню было переделано с DLE. Как всегда и основном качественных кодов и стилей есть такая функция, что при наведении клика увеличивается шрифт и становится темным, красиво и сразу заметно на что вы навели, выглядит очень красиво.
Приступаем к установке:
В CSS и прописываем стиль меню
Код
.menu_b a:link, .menu_b a:visited {text-align:left;display:block;background:url('http://zornet.ru/zornet_ru2/menu_b_link.png') no-repeat bottom center;height:19px;padding-left:25px;padding-top:4px;color:#045607;}  
.menu_b a:hover {text-align:left;display:block;background:url('http://zornet.ru/zornet_ru2/menu_b_hover.png') no-repeat bottom center;text-decoration:none;color:#fff;font:bold 8pt Tahoma;}

Потом вставляем в блок наш код и радуемся красивому меню.
Код
<span class="menu_b">  
<a href="http://zornet.ru/">Главная</a>  
<a href="http://zornet.ru/">Форум</a>  
<a href="http://zornet.ru/">Файлы</a>  
<a href="http://zornet.ru/">Статьи</a>  
<a href="http://zornet.ru/">Блоггер</a>  
<a href="http://zornet.ru/">Гостевая</a>  
<a href="http://zornet.ru/">Топ сайтов</a>  
<a href="http://zornet.ru/">Фотоальбом</a>  
<a href="http://zornet.ru/">Админ на связи</a>  
</span>
29.05.2012 Просмотров: 1293 Комментарий: (3)

Поделиться в социальных сетях

Материал разместил

Комментарий: 2
kredit-oformi
kredit-oformi 12.04.2014 17:281
0
хотел картиночку поставить тут аккуратно чтобы показать , извиняюсь не думал, что накосячу.....
Kosten
Kosten 12.04.2014 17:572
0
kredit-oformi, что сказать поздравляю.
avatar