Зеленое вертикальное меню 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; }  | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 0 | |