Code
<tr><td id="navBar">
<div id="tabs">
<ul>
<li id="tabHeader2"><a href="$HOME_PAGE_LINK$"><!--<s5176>--><span>Главная</span><!--</s>--></a></li>
<li id="tabHeader2"><a href="$HOME_PAGE_LINK$forum"><span>Форум</span></a></li>
<li id="tabHeader3"><a href="$PERSONAL_PAGE_LINK$"><!--<s5214>--><span>Мой профиль</span><!--</s>--></a></li>
<li id="tabHeader4"><a href="$REGISTER_LINK$"><!--<s3089>--><span>Регистрация</span><!--</s>--></a> </li>
<li id="tabHeader5"><a href="$LOGOUT_LINK$"><!--<s5164>--><span>Выход</span><!--</s>--></a></li>
<li id="tabHeader6"><a href="$LOGIN_LINK$"><!--<s3087>--><span>Вход</span><!--</s>--></a> </li>
<li id="tabHeader7"><a href="$RSS_LINK$"><span>RSS</span></a></li>
</ul>
</div>
</td></tr>
Code
/*CSS*/
#tabs{
margin-left: 10px;
padding: 0;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}
#tabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}
#tabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}
#tabs a{
float:left;
background:#D9D9D9 no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
}
#tabs a span{
float:left;
display:block;
padding:4px 9px 2px 6px;
}
#tabs a span{float:none;}
#tabs a:hover{background-color: #FFC205;color: #fff;}
#tabs a:hover span{background-color: #FFC205;}
#tabHeaderActive span, #tabHeaderActive a { background-color: #6EA3C9; color:#fff;}
.tabContent {
clear:both;
border:1px solid #F4F3F3;
padding-top:2px;
background-color:#FFFFFF;
}
/* ==================== */