نقوم بوضع هذا الكود في التشكيلات العامة
او في اسفل المنتدى او اعلى المنتدى باستعمال التمبلات
الرمز:

الكود:

[table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"][tr][td]
[/td][/tr][tr][td class="code"][center]
[list]
[*]
 class="current">[url=http://3yon.taro.tv/]
href="http://3yon.taro.tv">[b]الصفحة
الرئيسية[/b][/url]
[*]
[url=http://3yon.taro.tv/search.forum?search_id=newposts][b]جديد المواضيع[/b]
[/url]
[*][url=http://3yon.taro.tv/]
 style="" title="أفضل مواضيع اليوم"
href="http://3yon.taro.tv/search.forum?search_id=activetopics">[b]أفضل
 مواضيع اليوم[/b][/url]
[*]
[url=http://3yon.taro.tv/]
 title="أفضل أعضاء اليوم"
href="http://3yon.taro.tv/memberlist.forum?mode=today_posters">[b]أفضل
 أعضاء اليوم[/b][/url]
[*][url=http://3yon.taro.tv/]
href="http://3yon.taro.tv/memberlist.forum?mode=overall_posters">
[b]أفضل
 20 عضو[/b][/url]
[*][url=http://3yon.taro.tv/]
href="http://3yon.taro.tv/search.forum?search_id=egosearch">[b]استعرض
 مشاركاتك[/b][/url]
[*]
[url=http://3yon.taro.tv/search.forum?search_id=unanswered]
[b]مواضيع لم يتم الرد عليها[/b][/url]
[/list][/center]
[/td][/tr][/table]

ثما قم بتسجيل ونذهب الى ورقة
css
لوحه التحكم

مظهر المنتدى

الصور و الألوان

الوان

ورقه تصميم الـــ Css
ونضيف الكود التالي

الكود:


.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*/
}