» »

Горизонтальное меню Kyrs на вверх сайта uCoz


Горизонтальное меню 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 Просмотров: 646 Комментарий: (0)

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

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

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