كود وضع نافبار ازرق مقطع لعدة اجزاء افضل الاعضاء اخر المواضيع مواضيع لم يتم الرد عليها

<div style="text-align: center;" id="mainmenu"><ul class="glossymenu">
<li
 class="current"><a
href="http://wrod.cinebb.com"><b>الصفحة
الرئيسية</b></a></li><li>
<a title="جديد المواضيع" href="http://wrod.cinebb.com/search.forum?search_id=newposts"><b>جديد المواضيع</b>
</a></li><li><a
 style="" title="أفضل مواضيع اليوم"
href="http://wrod.cinebb.com/search.forum?search_id=activetopics"><b>أفضل
 مواضيع اليوم</b></a></li><li>
<a style=""
 title="أفضل أعضاء اليوم"
href="http://wrod.cinebb.com/memberlist.forum?mode=today_posters"><b>أفضل
 أعضاء اليوم</b></a></li><li><a
href="http://wrod.cinebb.com/memberlist.forum?mode=overall_posters">
<b>أفضل
 20 عضو</b></a></li><li><a style=""
href="http://wrod.cinebb.com/search.forum?search_id=egosearch"><b>استعرض
 مشاركاتك</b></a></li><li>
<a style="" href="http://wrod.cinebb.com/search.forum?search_id=unanswered">
<b>مواضيع لم يتم الرد عليها</b></a></li></ul></div>

[b]<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>[b]الرمز:[/b]</td></tr><tr><td class="code">
.glossymenu{
 position: relative;
 padding: 0 0 0 34px;
 margin: 0 auto 0 auto;
 background: url(http://i33.tinypic.com/15x9268.jpg) repeat-x; /*tab background image path*/
 height: 46px;
 list-style: none;
text-transform: uppercase;
text-align: center;
}
.glossymenu li{
 float:left;
}
.glossymenu li a{
 float: left;
 display: block;
 color:#000;
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
 height: 46px;
 line-height: 46px;
 text-align: center;
 cursor: pointer;
text-transform: uppercase;
text-align: center;
}
.glossymenu li a b{
 float: left;
 display: block;
 padding: 0 24px 0 8px; /*Padding of menu items*/
text-transform: uppercase;
text-align: center;
}
.glossymenu li.current a, .glossymenu li a:hover{
 color: #fff;
 background: url(http://i34.tinypic.com/28vevr9.jpg) no-repeat; /*left tab image path*/
 background-position: left;
text-transform: uppercase;
text-align: center;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
 color: #fff;
 background: url(http://i38.tinypic.com/14xyyx.jpg) no-repeat right top; /*right tab image path*/
}
</td></tr></table>[/b]