Серое горизонтальное меню стилизованное под кнопки магнитофона. Это меню довольно просто сделано и хорошо прокомментировано, трудностей при установке возникнуть не должно. Скачиваем файлы и заливаем их на ваш сервер !!! Потом устанавливаем код.
HTML Код:
<script type="text/javascript">
if (window.attachEvent){
window.attachEvent('onresize',center);
window.attachEvent('onload',center);
}else if(window.addEventListener){
window.addEventListener('resize',center, false);
window.addEventListener('load',center, false);
}
function center(){
var i = document.getElementById('menu_ihtut_net');
i.style.marginLeft = parseInt(document.body.offsetWidth-i.offsetWidth)/2+'px';
};
</script>
<div class="menu_ihtut_net">
<div id="menu_ihtut_net">
<a href="#">Главная</a>
<a href="#">О нас</a>
<a href="#">Контакты</a>
<a href="#">Карта сайта</a>
<a href="#">Как нас найти</a>
</div>
</div>
CSS Код:
div.menu_ihtut_net {
background: url("/images/menuihtutnet-fon.png") repeat-x 0 0;
height:80px;
overflow: hidden;
}
div.menu_ihtut_net div#menu_ihtut_net{
float: left;
padding:0;
height:80px;
margin: 0 10px;
}
div.menu_ihtut_net a{
background: url("/images/menuihtutnet-link.png") no-repeat 0 0;
color: #5f5f5f;
display: block;
float: left;
font: 17px/63px Impact;
height:65px;
text-decoration: none;
text-align: center;
width: 147px;
overflow: hidden;
margin: 10px 0 0 0;
text-shadow: #fff 0 0 1px;
}
div.menu_ihtut_net a:hover, div.menu_ihtut_net a.active{
background: url("/images/menuihtutnet-link.png") no-repeat 0 100%;
color: #4f4f4f;
text-shadow: #fff 0 0 25px;
}