Горизонтальное меню на css
Простенькое горизонтальное меню для сайта на любом движке. Пишите комментарии;)
HTML разметка:
<div align="right"><div align="center"><div align="left"><div class="menu">
<div class="menu-width">
<ul class="menu-ul">
<a href="#"><li>Главная</li></a>
<a href="#"><li>Новости</li></a>
<a href="#"><li>Блог</li></a>
<a href="#"><li>Файлы</li></a>
<a href="#"><li>Видео</li></a>
</ul>
</div>
</div> </div></div></div>
CSS:
<style type="text/css">
div.menu {background: #252932;width: 100%;height: 40px;border-bottom: 3px solid #3B9AFF;}
div.menu-width {width: 900px;margin: 0 auto;}
ul.menu-ul {list-style: none;}
ul.menu-ul li {float: left;line-height: 37px;padding: 0 15px 0 15px;height: 40px;}
ul.menu-ul li:hover {background: #3B9AFF;-webkit-box-shadow: inset 0px 0px 5px #0374FF;-moz-box-shadow: inset 0px 0px 5px #0374FF;box-shadow: inset 0px 0px 5px #0374FF;}
ul.menu-ul a {font-size: 14px;color: #fff;font-family: Comic Sans MS;font-weight: normal;}
body {
background-image: url('http://rewalls.com/pic/201109/2560x1440/reWalls.com-46544.jpg');
)
</style>
div.menu {background: #252932;width: 100%;height: 40px;border-bottom: 3px solid #3B9AFF;}
div.menu-width {width: 900px;margin: 0 auto;}
ul.menu-ul {list-style: none;}
ul.menu-ul li {float: left;line-height: 37px;padding: 0 15px 0 15px;height: 40px;}
ul.menu-ul li:hover {background: #3B9AFF;-webkit-box-shadow: inset 0px 0px 5px #0374FF;-moz-box-shadow: inset 0px 0px 5px #0374FF;box-shadow: inset 0px 0px 5px #0374FF;}
ul.menu-ul a {font-size: 14px;color: #fff;font-family: Comic Sans MS;font-weight: normal;}
body {
background-image: url('http://rewalls.com/pic/201109/2560x1440/reWalls.com-46544.jpg');
)
</style>
Смотрите также:
Скрипт экономической онлайн игры KIRPICH — MONEY
Скрипт экономической онлайн игры KIRPICH — MONEY отличный рабочий скрипт Это экономическая онлайн игра в которой вы можете зарабатывать реальные деньги. Смысл игры заключается в покупке ки...
Минимальная длина комментария - 50 знаков. комментарии модерируются