Всем доброго времени суток. Итак, ещё одна моя публикация в качестве разработчика. Я представляю Вам уникальное и красивое меню, которое можно поместить в шапку сайта. Подойдет для сайтов в минималистском стиле. Вы можете попросить меня изменить цвет фона. PSD не даю.Итак, приступим к установке. Я её облегчил и поэтому нужно просто добавить данный код в нужное вам место.
Code
</p><p><style><br><br>/* Menu CSS */ <br><br>#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a{<br> <br> padding: 0;<br> margin: 0;<br> line-height: 1;<br> font-family: 'Capriola', sans-serif;<br> <br>}<br><br>#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {<br><br> content: '';<br> display: table;<br> <br>}<br><br><br>#cssmenu:after, #cssmenu > ul:after {<br><br> clear: both;<br> <br>}<br><br>#cssmenu {<br><br> zoom:1;<br> height: 69px;<br> background: url(http://bitov.ucoz.net/_ld/0/11_bottom-bg.png) repeat-x center bottom;<br> border-radius: 2px;<br> <br>}<br><br>#cssmenu ul{<br><br> background: url(http://bitov.ucoz.net/_ld/0/13_nav-bg.png) repeat-x 0px 4px;<br> height: 69px;<br> <br>}<br><br>#cssmenu ul li{<br><br> float: left;<br> list-style: none;<br> <br>}<br><br>#cssmenu ul li a{<br> <br> display: block;<br> height: 37px;<br> padding: 22px 30px 0;<br> margin: 4px 2px 0;<br> border-radius: 2px 2px 0 0;<br> text-decoration: none;<br> font-size: 15px;<br> color: white;<br> text-shadow: 0 1px 1px rgba(0, 0, 0, .75);<br> font-weight: 400;<br> opacity: .9;<br> <br>}<br><br>#cssmenu ul li:first-child a{<br> <br> margin: 4px 2px 0 0;<br> <br>}<br><br>#cssmenu ul li a:hover, #cssmenu ul li.active a{<br> <br> background: url(http://bitov.ucoz.net/_ld/0/12_color.png) center bottom;<br> display: block;<br> height: 37px;<br> margin-top: 0px;<br> padding-top: 26px;<br> color: #004f7c;<br> text-shadow: 0 1px 1px rgba(255, 255, 255, .55);<br> opacity: 1;<br> <br>}<br></style><br><br><div id='cssmenu'><br><ul><br> <li><a href='#'><span>Главная</span></a></li><br> <li class='active '><a href='#'><span>Каталог файлов</span></a></li><br> <li><a href='#'><span>Видео</span></a></li><br> <li><a href='http://westle.ucoz.com/'><span>Автор</span></a></li><br></ul><br></div><br><br></p><p>
Автор\Источник: http://westle.ucoz.com
Для того что бы скачать архив необходимо зайти на сайт как пользователь.