مرحباً
عزيزي الزائر-ه نرحب بك بشركة ابداع والتميز
ونتمنا لك قضاء وقت ممتع برفقتنا
لو اردت ان تشترك معنا وتضع مشركات ما عليك سوى التسجيل او اذا كنت
عضو-ه كريم-ه لدينا فنرجو منك تسجيل الدخول
او لوكنت تريد التصفح فما عليك سوى الضغط على زر اخفاء
وشكرا


اهلا بك يا , لديك 0 مساهمة ,آخر زيارة لك منذ
 
الرئيسيةالبوابةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

 عمل ناف بار علي كل الاقسام

اذهب الى الأسفل 
كاتب الموضوعرسالة
MENATO
عضو نشيط
avatar

الجنس : ذكر
عدد المساهمات : 385

مُساهمةموضوع: عمل ناف بار علي كل الاقسام   الإثنين أكتوبر 17, 2011 10:46 am

السلام عليكم ورحمة الله وبركاته
مرحبا اعضاء اسرة احلي منتدي
سوف اقدم لكم شرح عمل ناف بار علي كل الاقسام

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

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=رابط قسم"><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("https://i.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;
}



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



كود المساهمة للنسخة في منتداكمSpoiler:
الكود: ---------تضليل المحتوىالسلام عليكم ورحمة الله وبركاته
مرحبا اعضاء اسرة احلي منتدي
سوف اقدم لكم شرح عمل ناف بار علي كل الاقسام

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

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=رابط قسم"><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;
    }
   

اخوكم احمد المصري
في امان الله
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
memo
الاداره
avatar

الجنس : ذكر
عدد المساهمات : 316

مُساهمةموضوع: رد: عمل ناف بار علي كل الاقسام   الإثنين أكتوبر 17, 2011 2:38 pm

مشكوووووووور



موضوع جميل وبالتوفيق




تقبل مروري
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Mohammad
الاداره
avatar

الجنس : ذكر
عدد المساهمات : 520
الموقع : الاردن-عمان

مُساهمةموضوع: رد: عمل ناف بار علي كل الاقسام   السبت أكتوبر 22, 2011 9:12 am

مشكوووووووور



موضوع جميل وبالتوفيق




تقبل مروري
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.an-wo.com
 
عمل ناف بار علي كل الاقسام
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: دعم احلى منتدى Ahlamontada :: تقنيات متقدمة :: اكواد التومبيلات-
انتقل الى: