» »

Горизонтальное меню 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;}


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

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

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

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