Горизонтальное меню 5 цветов ZER-5 для ucoz
 | |
| Не стал по отдельности их разбивать, так как у Горизонтальное меню 5 цветов ZER-5 для ucoz один дизайн, только вот оттенки все разные. Здесь кодом представлю светлое меню, а остальные вы можете скачать, там я их разделил и вам только нужно выбрать, какое вам нужно по названию, которые также будут представлены файлами. Тематика их не известна, но смотря на его, здесь можно с уверенностью сказать, что как на полный ресурс подойдут, так и на блог. Углов у них нет, так как идут стили с ними, если вы знаете их, то можете и доработать, хотя оригиналом они прекрасно смотрятся. Светлое: Код <div id="menu_wrapper" class="grey"> <div class="left"></div> <ul id="menu"> <li><a href="#">Главная</a></li> <li class="active"><a href="#">ZORNET.RU</a></li> <li><a href="#">Скрипты сайта</a></li> <li><a href="#">Шаблоны сайта</a></li> <li><a href="#">Обратная связь</a></li> </ul> </div> CSS: Код #menu { font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; margin: 50px 0; padding: 0; list-style-type: none; background-color: #eee; font-size: 13px; height: 40px; border-top: 2px solid #eee; border-bottom: 2px solid #ccc; } #menu li { float: left; margin: 0; } #menu li a { text-decoration: none; display: block; padding: 0 20px; line-height: 40px; color: #666; } #menu li a:hover, #menu li.active a { background-color: #f5f5f5; border-bottom: 2px solid #DDD; color: #999; } #menu_wrapper ul {margin-left: 12px;} #menu_wrapper {padding: 0 16px 0 0; background: url(http://zornet.ru/CSS-ZORNET/gerav/refad/faren/grey.png) no-repeat right;} #menu_wrapper div {float: left; height: 44px; width: 12px; background: url(http://zornet.ru/CSS-ZORNET/gerav/refad/faren/grey.png) no-repeat left;} Остальные оттенки вы можете скачать, если будут вопросы, то задавайте, хотя думаю вы разберетесь. В демонстраций представлены все коды с разной гаммой.  | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 2 | |
|
| |
