» »

Светлое меню для сайта ucoz c кнопками


Светлое меню для сайта ucoz c кнопками

На интернет ресурс с фиксированной шириной отлично подойдет Светлое меню для сайта ucoz c кнопками и будет красиво безусловно смотреться на любой теме портала. Сами картинки подобраны для всей почти тематики и есть даже для видео и при нажатие будет немного изменятся структура цвета.

Если вы решили дополнить разделы, то вам нужно просто найти тот элемент изображение на вашу тему, которую вы хотите установить в саму навигацию по сайту. Установка проходит одним кодом, в котором уже присутствуют стили и нужно только поставить в блок и на этом все.

Установка:

Основном первый блог правого или левого контейнера.
Код
<style type="text/css">  
a.diz-a_menu-main, a.diz-a_menu-main:visited {display:block; padding:3px 5px 3px 5px; background:#FAFAFA; border-top:1px solid #fff; border-bottom:1px solid #E8E8E8; color:#696969; font-weight:bold; text-shadow:0px 1px 0px #fff;}  
a.diz-a_menu-main:hover, a.diz-a_menu-main:active {color:#696969; background:#F0F0F0;}  
.diz-a_menu-box {-moz-box-shadow:0px 0px 3px #aaaaaa inset; -webkit-box-shadow:0px 0px 3px #aaaaaa inset; box-shadow:0px 0px 3px #aaaaaa inset;}  
.InfBlock {display:block; padding:0; margin:0; list-style:none}  
.InfBlock {margin:-4px -4px}  
</style>  
<ul class="InfBlock">  
<a class="diz-a_menu-main" href="/" title="Главная страница"><img src="http://zornet.ru/CSS-ZORNET/ND/1.png" align="absmiddle" width="16" style="margin-right: 4px;">Главная страница</a>  
<a class="diz-a_menu-main" href="/forum" title="Форум сайта"><img src="http://zornet.ru/CSS-ZORNET/ND/3.png" align="absmiddle" width="16" style="margin-right: 4px;">Форум сайта</a>  
<a class="diz-a_menu-main" href="/load" title="Игровой архив"><img src="http://zornet.ru/CSS-ZORNET/ND/7.png" align="absmiddle" width="16" style="margin-right: 4px;">Игровой архив</a>  
<a class="diz-a_menu-main" href="/video" title="Онлайн видео"><img src="http://zornet.ru/CSS-ZORNET/ND/8.png" align="absmiddle" width="16" style="margin-right: 4px;">Онлайн видео</a>  
<a class="diz-a_menu-main" href="/news" title="Новости"><img src="http://zornet.ru/CSS-ZORNET/ND/2.png" align="absmiddle" width="16" style="margin-right: 4px;">Новости</a>  
<a class="diz-a_menu-main" href="/publ" title="Статьи"><img src="http://zornet.ru/CSS-ZORNET/ND/4.png" align="absmiddle" width="16" style="margin-right: 4px;">Статьи</a>  
<a class="diz-a_menu-main" href="/blog" title="Блог"><img src="http://zornet.ru/CSS-ZORNET/ND/6.png" align="absmiddle" width="16" style="margin-right: 4px;">Блог</a>  
<a class="diz-a_menu-main" href="/gb" title="Отзывы о сайте"><img src="http://zornet.ru/CSS-ZORNET/ND/5.png" align="absmiddle" width="16" style="margin-right: 4px;">Отзывы о сайте</a>  
</ul>
14.09.2014 Просмотров: 1223 Комментарий: (2)

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

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

Комментарий: 2
Dimstrik
Dimstrik 16.09.2014 04:391
0
Простое но хорошее меню , тем более сейчас многие хотят поставить картинки рядом с разделом в меню
kredit-oformi
kredit-oformi 16.09.2014 10:372
0
да с картинками меню довольно интересное и в случае необходимости всегда можно добавить свои варианты
avatar