منتديات فرسان غزة
السلام عليكم مرحبأ بك يا زائر نورت المنتدى نحن سعداء لتواجد هنا
أنت الآن تتصفح منتديات فرسان غزة .. ولديك عدة خيارات على النحو التالي :

1- إذا سجلت مسبقاً بإمكانك تسجيل الدخول لوضع المواضيع أو الرد عليها

2- إن لم تكن مسجل قم بالضغط على زر التسجيل واملأ البيانات للتسجيل

3- إذا أردت القراءة فقط فإختار أحد الأقسام بالأسفل واختار الموضوع المناسب


منتديات فرسان غزة حيث المتعة والفائدة .. انشر موضوعك وعلق على مواضيع الآخرين
 
الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 (تومبلايت) حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة

اذهب الى الأسفل 
كاتب الموضوعرسالة
عمر
المدير العام
المدير العام
avatar

الجنس : ذكر
عدد المساهمات : 531
البلد : فلسطين
المهنة : جامعي
تاريخ التسجيل : 13/12/2012
العمر : 20
الموقع : فلسطين - غزة

مُساهمةموضوع: (تومبلايت) حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة   الإثنين يونيو 27, 2016 3:14 pm

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

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

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

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

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;
    }
  

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

منقول عن منتدى دعم ومساعدة احلى المنتديات صاحب الكود والشرح الأصلي هو A7medvirus


هل صليت اليوم على النبي يا زائر ؟؟


سبحان الله وبحمده سبحان الله العظيم
لا إله إلا الله ،الله اكبر ولله الحمد
اللهم صلّ على نبينا محمد

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://4-gaza.ahlamontada.com
يشهب
عضو ماسي
عضو ماسي
avatar

الجنس : ذكر
عدد المساهمات : 136
البلد : مصر
المهنة : جامعي
تاريخ التسجيل : 30/06/2016
العمر : 26
الموقع : http://nf-son.forumotion.com
الأوسمة : قلم ذهبي

مُساهمةموضوع: رد: (تومبلايت) حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة   الخميس يوليو 07, 2016 10:38 am

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


مشكور على النقل المفيد.. و يمكن استخدام صورة بار بدلاً من الكتابة و يكون مثل منتدى الإشهار و غيرها.


خالص تحياتي؛
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://nf-son.forumotion.com
عمر
المدير العام
المدير العام
avatar

الجنس : ذكر
عدد المساهمات : 531
البلد : فلسطين
المهنة : جامعي
تاريخ التسجيل : 13/12/2012
العمر : 20
الموقع : فلسطين - غزة

مُساهمةموضوع: رد: (تومبلايت) حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة   الخميس يوليو 07, 2016 10:55 am

صحيح صديقي وايضاً هذا الكود جميل ومفيد لأنه يضع روابط فوق الأقسام


شكرا جزيلا على مرورك دئماً متميز بارك الله فيك


هل صليت اليوم على النبي يا زائر ؟؟


سبحان الله وبحمده سبحان الله العظيم
لا إله إلا الله ،الله اكبر ولله الحمد
اللهم صلّ على نبينا محمد

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://4-gaza.ahlamontada.com
يشهب
عضو ماسي
عضو ماسي
avatar

الجنس : ذكر
عدد المساهمات : 136
البلد : مصر
المهنة : جامعي
تاريخ التسجيل : 30/06/2016
العمر : 26
الموقع : http://nf-son.forumotion.com
الأوسمة : قلم ذهبي

مُساهمةموضوع: رد: (تومبلايت) حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة   الخميس يوليو 07, 2016 10:59 am

فارس فلسطين كتب:
صحيح صديقي وايضاً هذا الكود جميل ومفيد لأنه يضع روابط فوق الأقسام


شكرا جزيلا على مرورك دئماً متميز بارك الله فيك
ربما أقوم بتجربته قريباً في المنتدى... شكراً لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://nf-son.forumotion.com
اسامه العراقي
كبار الشخصيات
كبار الشخصيات
avatar

الجنس : ذكر
عدد المساهمات : 326
البلد : العراق
المهنة : غير معروف
تاريخ التسجيل : 17/06/2016
العمر : 28
الأوسمة : العضو النشيط

مُساهمةموضوع: رد: (تومبلايت) حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة   الخميس يوليو 07, 2016 7:48 pm

تسلم ياغالي شرح رائع
خالص التقدير


الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://asama.forumotion.com/
wesso 998
عضو جديد
عضو جديد
avatar

الجنس : ذكر
عدد المساهمات : 10
البلد : فلسطين
المهنة : غير معروف
تاريخ التسجيل : 08/07/2016
العمر : 23

مُساهمةموضوع: رد: (تومبلايت) حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة   الجمعة يوليو 08, 2016 12:42 pm

الف شكر لكل جديد
يعطيك الف عافية
جعله الله في ميزان حسناتك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
(تومبلايت) حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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