Красивое меню серого цвета. Скорее всего подойдет под все дизайны, полностью на css и html без использование графики. Не нагружает сайт.
Установка:
1) В ваш CSSвставляем:
Код
.menu {background:#555;padding:6px;border-radius:5px;!important}
.menu:after {content:"esports-games.com";color:#707070;font-size:12px;margin:0 0 0 60%;display:none}
.menu li {list-style:none;padding:5px;border-bottom:1px solid #707070;margin-top:1px;!important}
.menu li:before {content:open-quote;color:#fff;quotes: "\00bb" "";!important}
.menu li:hover:before {color:#aaa;!important}
.menu li a {
color:#fff;
text-shadow: 0 1px 0 #000;
padding:3px;
text-decoration:none;
-webkit-transition:ease-in-out 130ms;
-moz-transition:ease-in-out 130ms;
-o-transition:ease-in-out 130ms;
transition:ease-in-out 130ms;
!important
}
.menu li a:hover {background:#0099FF;border-radius:3px;margin-left:5px;!important}
2) Вставляем где хотим видеть меню следующий код:
Код
<div class="menu">
<li><a href="">Эта ссылка для вас</a></li>
<li><a href="">Эта ссылка тоже для вас</a></li>
<li><a href="">Ну и эта ссылка для вас</a></li>
<li><a href="">Все эти ссылки для вас</a></li>
</div>
Demo/Демо
 Современное, синее, меню, только, на, CSS, 3, для, Ucoz
|
Современное, синее, меню, только, на, CSS, 3, для, Ucoz
