| Главная » Шаблоны и Скрипты для uCoz » Скрипты для uCoz » Меню для uCoz |
Вертикальное меню серого оттенка
| 04.08.2015, 00:27 | |
| Интересное по стандартам и выполнению навигационное меню серого оттенка. Очень хорошо подойдет практически на каждый ресурс любой тематики. Интерес данной навигации заключается в том, что при наведении курсора ячейки выезжают и придают живой эффект переключения. Отличительной чертой является очень простая установка данного кода к себе на ресурс и при желании можно изменить под себя цветовую гамму. Код <style> .menuHolder2 {position: relative; margin-left:10px; float:left; overflow:hidden; width:200px; height:500px; font:normal bold 11px/35px verdana, sans-serif;} .menuHolder2 .shadow {width:10px; height:90%; top:5%; left:-9px; position:absolute; z-index:100; background:#888; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.9); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.9); -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.9); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.9); } ul.menu2 {margin:0 0 0 1px; list-style: none; display:block; width: 200px; position:relative; padding:60px 0;} ul.menu2 li {margin:5px 0 0 0;} ul.menu2 li a {background:#aaa; color:#ddd; padding:0 15px; width:90px; display:block; text-decoration:none; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); -o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius:0 2px 2px 0; -o-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } ul.menu2 li a.red {background:#9FA2A6;} ul.menu2 li a:hover {background:#aaa; color:#fff; padding:0 15px 0 40px;} ul.menu2 li a.red:hover {background:#707175;} </style> | |
| Просмотров: 399 | Загрузок:1 Скачать Скачать | |
| Всего комментариев: 0 | |