Верстка темного горизонтального меню by Nagan-Cs для Ucoz

Скрипты для uCoz

Пазитивчик

28.12.12, 13:02

835

Когда-то давно я пытался верстать макет собственного изготовлению, но вскоре забыл (но доверстал :D). Там неплохое горизонтальное меню, я его вытащил и выкладываю для вас. Оно темное ну и простое, но как все мы знаем, что простота это залог успеха.
Вот этот код кидаем где хотим видеть само меню:

Код

<div class="upmenu">
<a href="/" title="Главная сайта">Главная</a>
<a href="/forum" title="Форум сайта">Форум</a>
<a href="/load" title="Каталог игровых файлов">Каталог файлов</a>
<a href="http://nagan-cs.ru" title="Верстка, а так же дизайн выполнен сайтом NAGAN-CS.RU">Верстка от Nagan-Cs</a>
</div>

А этот код уже в CSS:

Код

.upmenu {
  background: url('http://www.nagan-cs.ru/ucoz/menu/upmenu_back.png') repeat-x;
  height: 26px;
  border: 1px solid black;
  border-top: none;
  width: 1099px;
  text-decoration: none;
}

.upmenu a {
  display block;
  line-height: 26px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  font-family:tahoma;
  float: left;
  color: #646464;
  text-decoration:none;
}

.upmenu a:hover {
  background: url('http://www.nagan-cs.ru/ucoz/menu/upmenu_hover.png') repeat-x;
  color: #181818;
  text-decoration:none;
}

А вот за это уже реально получить бан, так как у меня есть макет чистый html и css. У кого увижу данный скрипт без указания источника ждите бан от юкоз.
Источник: NAGAN-CS.RU