Этот код ставьте туда где вы хатите на любую страницу ..
Code
<tr>
<td>
<div style="background: url('/bara/bg.gif') repeat-x; width: 100%; height: 32px; text-align: center" align="center">
<div id="menu" align="center">
<ul style="width: 755px !important">
<li><a href="/"><span><img align="left" src="/bara/Home.png">Главная</span></a></li>
<li><a href="/forum/"><span><img align="left" src="/bara/forum.png">Форум</span></a></li>
<li><a href="/index/8"><span><img align="left" src="/bara/favoris.png">Профиль</span></a></li>
<li><a href="LINK"><span><img align="left" src="/bara/shablon.png">Шаблоны</span></a></li>
<li><a href="LINK"><span><img align="left" src="/bara/Command.png">Скрипты</span></a></li>
<li><a href="LINK"><span><img align="left" src="/bara/Chat.png">Чат</span></a></li>
<li><a class="right" href="/index/3"><span><img align="left" src="/bara/Save.png">Регистрация</span></a></li>
<li><a class="right" href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;"><span><img align="left" src="/bara/Log.png">Вход</span></a></li>
</ul>
</div>
</div>
</td>
</tr>
Этот код ставьте в CSS
Code
#menu {
font : normal 12px 'Calibri', 'Trebuchet MS', 'Arial';
margin : 0;
padding : 0;
}
#menu ul {
background : url(/bara/bg.gif) repeat-x;
line-height : 32px;
list-style : none;
margin : 0;
padding : 0 10px 0 10px;
width : 900px;
}
#menu li {
display : inline;
padding : 0;
}
#menu a {
color : #fff;
float : left;
padding : 0 3px 0 3px;
text-decoration : none;
}
#menu a span {
display : block;
padding : 0 10px 0 7px;
}
#menu a span img {
border : none;
margin-top : 8px;
}
#menu a:hover, #menu a.current {
text-decoration : none !important ;
background : url(/bara/l.png) no-repeat left center;
}
#menu a:hover span, #menu a.current span {
text-decoration : none !important ;
background : url(/bara/r.png) no-repeat right center;
}
#menu a.right {
float : right;
}