Меню для тёмных дизайнов

VitaV

Дата: Воскресенье, 15.07.2012, 05:33 | Сообщение # 1

Сообщений: 581

Замечания:

Уважение
[ ]

Offline

Вот это в блок

Code

<ul class="block_menu">

  <li><a href="#">Текст меню</a></li>

  <li><a href="#">Текст меню</a></li>

  <li><a href="#">Текст меню</a></li>

  <li><a href="#">Текст меню</a></li>

  <li><a href="#">Текст меню</a></li>

  <li><a href="#">Текст меню</a></li>

  <li><a href="#">Текст меню</a></li>

  </ul>

А это в CSS

Code

/*New menu by FLON*/
  .block_menu {margin: 0; padding: 0; list-style: none;}
  .block_menu li {
  background-image: url(/block_menu_bg.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-bottom: 3px;
  }

  .block_menu a {
  background-image: url(/block_menu_bg.png);
  height: 20px;
  width: 195px;
  display: block;
  line-height: 21px;
  padding-left: 20px;
  }

  .block_menu a:link,
  .block_menu a:active,
  .block_menu a:visited {text-decoration: none; color: #363636;}
  .block_menu a:hover {
  text-decoration: none;
  background-position: left bottom;
  color: #464646;
  padding-left: 40px;
  width: 175px;
  }
  /----------------------/

Рекламный блок

Рекламный блок

Рекламный блок