» »

Горизонтальное меню DSAR-3 для ucoz


Горизонтальное меню DSAR-3 для ucoz

Синий и серый оттенок цвета, это скажем так не сочетаются для Горизонтальное меню DSAR-3 для ucoz, но если посмотреть в реале как работает, то возможно вы измените свое мнение. Не чего не стал придумывать а просто поменял оттенки на нем и посмотрел в онлайн режиме, что показалось оригинально смотрится. Просто сейчас стали шаблоны идти как по умолчанию с разными гаммами и яркими сочетаниями, что этот скрипт будет как неотъемлемая часть самого конструктора, но здесь кто как решит мое дело маленькое залить на портал а там и пригодиться.

Код:

Код
<div class="b-menu">
  <ul>
<li><center><a href="/">Главная</a></center>
  </li><li><a href="/forum">Форум</a></li>
  <li><a href="/publ">Статьи</a></li>
  <li><a href="/video">Видео</a></li>
  <li><a href="/load">Каталог Файлы</a></li>
  <li><a href="/">Скрипты</a></li>
  <li><a href="/">Шаблоны</a></li>
  </ul></div>


CSS:

Код
.b-menu {height: 36px;margin: 2px auto 0 auto;background: #525252;background: url('http://zornet.ru/CSS-ZORNET/gerav/Yor/menu_up22.png') no-repeat left top;width: 949px;}
.b-menu ul {margin: 0 0 0 14px;padding: 0;}
.b-menu li {list-style: none;float: left;background: url('http://zornet.ru/CSS-ZORNET/gerav/Yor/hmenu-ar.png') no-repeat right top;}
.b-menu li.last {background: none;}
.b-menu li a {color: #fff;font-family: verdana,arial,helvetica;font-size: 12px;font-weight: bold;letter-spacing: -1px;text-decoration: none;line-height: 2.2;height: 32px;display: block;padding: 4px 9px 0 9px;text-shadow: #000000 0 1px 1px;}
.b-menu li a:hover {text-decoration: none;background: url('http://zornet.ru/CSS-ZORNET/gerav/Yor/menu_up_a.png') center top;}
.bm-search .schQuery {float: left;}
.bm-search .schQuery input {background: url('http://zornet.ru/CSS-ZORNET/gerav/Yor/find-form-bg.png') no-repeat left top;border: none;height: 24px;width: 152px;margin: 0 5px 0 0;}
.bm-search .schBtn {float: left;}
.bm-search .schBtn input {border: none;background-color: transparent;color: #fff;font-family: verdana,arial,helvetica;cursor: pointer;font-weight: bold;font-size: 12px;padding: 4px 9px 0 9px; }
.b-menu .bm-search {float: right;margin: 6px 10px 0 0;}


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

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

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

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