Горизонтальное меню Kyrs на вверх сайта uCoz
 | |
| Еще одно оригинальное по своему стили Горизонтальное меню Kyrs на вверх сайта uCoz которое нужно устанавливать, только на фиксированную ширину. И оно должно быть на самом верху, плотно прижатое в админ бару, так устроено по форме. Я хотел его растянуть, по стили так сделаны, что только можно установить вами заданный размер. Вместо заданного поставил avto, что можно только в этом случай добавлять категорий и то писать небольшие. Стоят они в начале CSS и вы можете найти и поставить к примеру вместо 963px это для того какой у вас каркас шириной и выстроить его правильно. Вообщем как поняли, это можно даже сказать элемент для темного шаблона, чтоб его как ресурс сделать оригинальным и не похожим на других. Код: Код <div class="header-menu"> <span class="header-menu-left"></span> <span class="header-menu-center"> <div class="logo-nfs"></div> <span class="header-menu-center-border"></span> <a href="http://zornet.ru/" title=""><span class="header-menu-center-text">Главная</span></a> <a href="/forum" title=""><span class="header-menu-center-text">Форум</span></a> <a href="/" title=""><span class="header-menu-center-text">ZORNET.RU</span></a> <a href="/" title=""><span class="header-menu-center-text">Коды</span></a> <a href="/" title=""><span class="header-menu-center-text">Скрипты </span></a> <a href="/" title=""><span class="header-menu-center-text">Шаблоны </span></a> <a href="/" title=""><span class="header-menu-center-text">Скрипты</span></a> <a href="/" title=""><span class="header-menu-center-text">О нас</span></a> <div class="searchbody"> <div class="searchForm"> <form onsubmit="this.sfSbm.disabled=true" method="get" style="margin:0" action="/search/"> <div align="center" class="schQuery"> </div> <div align="center" class="schBtn"> </div> </form> </div> </div> </span> <span class="header-menu-right"></span> <div class="header-logo"></div> </div> CSS: Код .header-menu {float:left;height:48px;width:auto;} .header-menu-left {float:left;width:9px;height:48px;background:url('http://zornet.ru/SKRIPT/ZR/frank/menu_left.png');} .header-menu-center {float:left;width:avto;background: url('http://zornet.ru/SKRIPT/ZR/frank/menu_repeat.png') repeat-x;height:48px;} .header-menu-right {float:right;width:8px;height:48px;background:url('http://zornet.ru/SKRIPT/ZR/frank/menu_right.png');} .header-menu-center a{float:left;font-size:12px;width:110px;height:48px;border-right:1px solid #000000;color:#ffffff;text-decoration:none;font-weight:bold;} .header-menu-center a:hover {color:#dbdbdb;text-decoration:none;background:url('http://zornet.ru/SKRIPT/ZR/frank/sprite-1.png');width:110px;height:48px;background-position:-591px -78px;} .header-menu-center-text {text-align:center;width:110px;display:block;margin-top:14px;color:#ffffff;} .header-menu-center-text:hover {color:#dbdbdb;} .header-menu-center-border {height:48px;float:left;border-right:1px solid #000000;width:1px;} #left-line-major {float:left;width:700px;} #right-major-line {float:right;width:235px;}  | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 0 | |