» »

Зеленое вертикальное меню Minecraft для uCoz


Тематика этой навигаций популярная и к этому Зеленое вертикальное меню Minecraft для uCoz будет как раз, кто хочет обновить дизайн. А также не нужно забывать, это не просто скрипт, это полная функциональность сайта. В нем нет под категорий и только одни разделы. И как можно видеть, без эффектов, типа прогибающие с тенями при наведение курсора. Здесь просто меняется структура и отлично видно на какую рубрику вы хотите перейти. Еще хочется подметить по одной ситуаций, что его можно вставить в сам каркас и с вида, отличный будет обзор, что можете посмотреть. Идет на авто в стилях, а это означает, при установке встанет в те рамки, которые у вас прописаны, вот к примеру как можно, если ваш корпус позволяет.



Теперь переходим к установке:

Каркас:

Код
<div class="navigation"><div class="nav_l"></div><div class="nav_r"></div>
<div class="nav_c">
<div class="head_nav">
<li class="hr_nav"></li>
<!-- <Содержимое> -->
<li><a title="" href="/">Главная</a></li>
<li class="hr_nav"></li>
<li><a title="" href="http://zornet.ru/">ZORNET.RU</a></li>
<li class="hr_nav"></li>
<li><a title="" href="/">Читы</a></li>
<li class="hr_nav"></li>
<li><a title="" href="/">Скины</a></li>
<li class="hr_nav"></li>
<li><a title="" href="/">Плащи</a></li>
<li class="hr_nav"></li>
<li><a title="" href="/">Текстуры</a></li>
<li class="hr_nav"></li>
<li><a title="" href="/">Карты</a></li>
<li class="hr_nav"></li>
<li><a title="" href="/">Статьи</a></li>
<li class="hr_nav"></li>
<li><a title="" href="/">Гайды</a></li>
<li class="hr_nav"></li>
<li><a title="" href="/">Мобы</a></li>
<li class="hr_nav"></li>
</div>
</div>
</div>


CSS:

Код
a:link,a:active,a:visited {font-family: Tahoma; font-size: 11px; color:#ddf8c0;text-decoration:none; letter-spacing: 1px;}
a:hover {color:#b2df81; text-decoration:underline;}
.nav_l { background: url(http://zornet.ru/CSS-ZORNET/Grety/Menu-2/nav_l.png) no-repeat; height: 43px; width: 4px; float: left; }
.nav_c { background: url(http://zornet.ru/CSS-ZORNET/Grety/Menu-2/nav_c.png) repeat-x; height: 43px; margin: 0 4px; }
.nav_r { background: url(http://zornet.ru/CSS-ZORNET/Grety/Menu-2/nav_r.png) no-repeat; height: 43px; width: 4px; float: right; }
.head_nav { margin: 0 5px; }
.head_nav li { display: block; float: left; height: 43px; line-height: 41px; }
.head_nav li a { font-size: 12px; padding: 0 17px; text-shadow: 0 -1px #2d4e1b; }
.head_nav li a:hover { text-decoration: none; }
.head_nav li:hover { -moz-border-radius: 5px; padding: 1px; border-radius: 5px; -webkit-border-radius: 5px; -kktml-border-radius: 5px; border: 1px solid #44722c; background: url(http://zornet.ru/CSS-ZORNET/Grety/Menu-2/nav_hover.png) repeat-x; height: 30px; margin: 4px -2px 0 -2px; line-height: 29px; }
li.hr_nav { height: 39px; width: 1px; background: url(http://zornet.ru/CSS-ZORNET/Grety/Menu-2/hr_nav.png) no-repeat; margin: 2px 5px; }
li.hr_nav:hover { height: 39px; width: 1px; background: url(http://zornet.ru/CSS-ZORNET/Grety/Menu-2/hr_nav.png) no-repeat; margin: 2px 3px 2px 5px; border: none !important; }


23.05.2015 Просмотров: 408 Комментарий: (0)

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

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

Комментарий: 0
avatar