الكود:

<ul class="glossymenu"><li class="current"><a href="http://www.musicaup.com/c11-category"><b> مشاهدة أونلاين مباشرة</b></a></li><li><a href="http://www.musicaup.com/c8-category" title="شبكة ميوزيكا أب المصرية"><b>أقسام للكبار فقط</b></a></li><li><a href="http://www.musicaup.com/f188-montada" title="شبكة ميوزيكا أب المصرية" style=""><b>خدمة شراء إعتمدات</b></a></li><li><a href="http://www.musicaup.com/c7-category" title="شبكة ميوزيكا أب المصرية" style=""><b> عالم الأفلام و السينما</b></a></li><li><a href="http://www.musicaup.com/c31-category&quot;"><b>أخر الأخبار العالمية</b></a></li><li><a href="http://www.musicaup.com/c24-category" style=""><b>عالم البرامج و الموبايلات </b></a></li><li><a href="http://www.musicaup.com/f210-montada" style=""><b>مطبخ قناة فتافيت</b></a></li></ul>

الكود:

.glossymenu {
    background: url("http://i23.servimg.com/u/f23/16/23/12/74/bmnb10.jpg") repeat-x scroll 0 0 transparent;
    height: 26px;
    list-style: none outside none;
    margin: 0 auto;
    padding: 0 0 0 34px;
    position: relative;
    text-align: center;
    text-transform: uppercase;


}



A7medvirus كتب:

السلام عليكم ورحمة الله وبركاته


مرحبا اعضاء اسرة احلي منتدي

سوف اقدم لكم شرح عمل ناف بار علي كل الاقسام




صورة توضيحة للغرض

https://i.servimg.com/u/f45/15/95/28/21/navbar11.png




نتوكل علي الله :--> نذهــب الي

لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > إدار عامة
نختار هذا القالب index_box ونضغط عليه تعديل

نبحث عن هذا الكود

الكود:

<!-- BEGIN tablehead --><table class="forumline"
width="100%" border="0" cellspacing="1" cellpadding="0">

ونضع بعد مباشر الكود التالي

الكود:

          <tr>
 
      <ul class="glossymenu"><li class="current"><a
href=http://help.ahlamontada.com"><b> منتدي
الدعم</b></a></li><li><a href="رابط القسم"
title="عنوان القسم"><b>اسم
القسم</b></a></li><li><a href="رابط القسم"
title="منتدي الدعم" style=""><b>اسم
القسم</b></a></li><li><a href="رابط القسم"
title="منتدي الدعم" style=""><b> اسم
القسم</b></a></li><li><a href="رابط
قسم""><b>اسم
القسم</b></a></li><li><a href="رابط القسم"
style=""><b>اسم القسم
</b></a></li><li><a href="رايبط القسم"
style=""><b>اسم القسم</b></a></li></ul>
            </tr>


كما في الصورة

---

ثم نذهب الي
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
ونضع هذا الكود

الكود:


 
.glossymenu {
    background: url("http://hitskin.com/themes/16/95/80/i_back_title.png") repeat-x scroll 0 0 transparent;
    height: 25px;
    list-style: none outside none;
    margin: 0 auto;
    padding: 0 0 0 34px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
 border-radius: 8px 8px 8px 8px;
 
}
.glossymenu li {
    float: left;
}
.glossymenu li a {
    color: #000000;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 700;
    height: 26px;
    line-height: 26px;
    padding: 0 0 0 16px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.glossymenu li a b {
    float: left;
    padding: 0 24px 0 8px;
    text-align: center;
    text-transform: uppercase;
}
.glossymenu li a:hover, .glossymenu li.current a {
    background-position: left center;
    color: #ff0000;
    text-align: center;
    text-transform: uppercase;
}
.glossymenu li a:hover b, .glossymenu li.current a b {
    background: url("http://i60.servimg.com/u/f60/15/40/37/88/0116.png") repeat scroll 0 0 transparent;
    border: 1px solid #874b4b;
    border-radius: 10px 10px 10px 10px;
    color: #ff0000;
}
 


اخوكم احمد المصري
في امان الله