payad.me
2872
просм.
15
загр.
PACK by SHANDORI 2015
Гость
Красивая навигация в веб стиле youcss
Красивая навигация в веб стиле youcss
payad.me

Красивое меню в блоке в WEB стиле. Данное меню выполнено в темном цвете, при наведении на него курсором мыши вы видите как меняется его цвет на градиентный голубой цвет. В данное меню добавлены лайты, а так же слева располагается иконка, которая так же меняется при наведении.

Установка:

Ставим в блок:
Код

<div class="block_menu">  
  <ul>  
  <li><a href="http://7old.ru/">Главная сайта</a></li>  
  <li><a href="/forum">Форум сайта</a></li>  
  <li><a href="/news">Новости сайта</a></li>  
  <li><a href="/publ">Статьи</a></li>  
  </ul>  
  </div>


В таблицу стилей CSS:
Код

/* block menu */  
  .block_menu {width:214px; margin:0 auto;}  
  .block_menu ul li {height:28px; line-height:28px; margin:0 0 3px 0;}  
  .block_menu ul li a {display:block; height:28px; background:url(http://7old.ru/ucoz-files/block_menu.png) no-repeat 0 0; text-decoration:none; padding:0 0 0 21px; color:#fff; text-shadow:1px 1px #262626;}  
  .block_menu ul li a:hover {background-position:0 -28px; padding:0 0 0 28px; text-shadow:1px 1px #163949;}



Всего комментариев: 0
avatar