Ставим этот код туда где хотим видеть меню
Code
<div class="menu">
<a href="#">Xcore prod.</a>
<a href="#">Xcore prod.</a>
<a href="#">Xcore prod.</a>
<a href="#">Xcore prod.</a>
</div>
CSS:
Code
/*Не активная ссылка*/
.menu a
{
display:block;
float:left;
background:none;
height:30px;
color:#fff;
line-height:30px;
width:auto;
text-align:center;
font-size: 11px;
text-decoration:none;
text-align:center;
text-shadow:0px 1px 0px rgba(0, 0, 0, 0.4);
padding:0 10px;
font-family:Tahoma;
}
/*Ссылка при наведении*/
.menu a:hover
{
background:rgba(255, 255, 255, 0.3);
color:#fff;
text-align:center;
padding:0 10px;
text-decoration:none;
}