CSS:
Code
<style type="text/css">
/*****************************************
// URL : http://shalbuzdag-666.ucoz.ru/ *
*****************************************/
*{
margin:0;
padding:0;
}
body{
background:#fff;
color:#666;
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
#menu{
}
#menu ul{
list-style:none;
}
#menu li{
background:url('http://shalbuzdag-666.ucoz.ru/images/dM_bg.gif') repeat-x;
list-style:none;
display:block;
float:left;
height:36px;
border-right:1px solid #dbdbdb;
line-height:36px;
}
#menu li a{
display:block;
float:left;
color:#ccffff;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
line-height:36px;
text-decoration:none;
padding:0 25px;
}
#menu li a:hover{
color:#ffffff;
background:url('http://shalbuzdag-666.ucoz.ru/images/dM_h.gif') repeat-x;
}
#menu li a.active{
display:block;
float:left;
color:#00ff00;
background:url('http://shalbuzdag-666.ucoz.ru/images/dM_act.gif') repeat-x;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
line-height:36px;
text-decoration:none;
padding:0 25px;
}
#menu li a:hover.active{
color:#00ff00;
}
</style>
Само меню (ставим туда - где хотим видеть):
Code
<div align="center">
<table><tr><td>
<div id="menu">
<ul>
<li><a href="http://shalbuzdag-666.ucoz.ru" class="active">Главная</a></li>
<li><a href="http://shalbuzdag-666.ucoz.ru/news/">Новости</a></li>
<li><a href="http://shalbuzdag-666.ucoz.ru/blog/">Блог</a></li>
<li><a href="http://shalbuzdag-666.ucoz.ru/publ/">Статьи</a></li>
<li><a href="http://shalbuzdag-666.ucoz.ru/forum/">Форум</a></li>
<li><a href="http://shalbuzdag-666.ucoz.ru/forum/56">Скрипты</a></li>
<li><a href="http://shalbuzdag-666.ucoz.ru/kartasaita/k-s.html">Карта сайта</a></li>
</ul>
</div>
</td></tr></table>
</div>