منتدى مرمر - محمد علي رمضان
السلام عليكم ورحمة الله وبركاته ,,,,,,,,, مرحبا بك أخي الزائر الكريم أو أختي الزائرة الكريمة . انضمامك إلينا في منتداكم يسعدنا كثيرا,,,,, مع تحيات أخيكم / محمد علي رمضان

منتدى مرمر - محمد علي رمضان

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


الأربعاء 06 يوليو 2016, 12:39 am من طرف Admin كتب : » تهنئة بعيد الفطر المبارك :احبائي اعضاء وزوار منتدانا الكرام كل عام وانتم بخير … : قراءة كاملة الأحد 20 مارس 2016, 2:47 am من طرف Admin كتب : » هام للاعضاء والزوار :الاهداءات مفتوحة للاعضاء والزوار :
يجب عليك تسجيل الدخول لإرسال رسالة
اسم العضو : كلمة السر :
ادخلني في كل زيارة تلقائيا :

نسيت كلمة السر ::
المواضيع الأخيرة
» أغنية - هو صحيح الهوى غلاب - صدى جديد ومختلف عما سبق
الجمعة 12 مايو 2017, 3:09 pm من طرف Admin

» أغنية - كله ماشي جوده اعلى - ألبوم كله ماشي - محرم فؤاد
الجمعة 31 مارس 2017, 6:21 am من طرف ابراهيم الجندى

» أغنية - تعب القلوب - ألبوم تعب القلوب - 2014 - محرم فؤاد
الجمعة 31 مارس 2017, 5:53 am من طرف ابراهيم الجندى

» أغنية - أبحث عن سمراء حفله توزيع جديد - ألبوم شفت بعيني - محرم فؤاد
الجمعة 31 مارس 2017, 5:19 am من طرف ابراهيم الجندى

» أغنية - الصبر - ألبوم الصبر - محرم فؤاد
الجمعة 31 مارس 2017, 4:32 am من طرف ابراهيم الجندى

» أغنية - سلامات ياحبايب حفله - ألبوم سلامات - محرم فؤاد
الجمعة 31 مارس 2017, 4:15 am من طرف ابراهيم الجندى

» أغنية - أنا عايز صبية - ألبوم أنا عايز صبية - محرم فؤاد
الجمعة 31 مارس 2017, 3:59 am من طرف ابراهيم الجندى

» راديو آخر مختلف لعمرو دياب بث مباشر على مدار الساعة
السبت 18 مارس 2017, 3:13 pm من طرف Admin

» راديو آخر مختلف لعمرو دياب
السبت 18 مارس 2017, 2:52 pm من طرف Admin

» أغنية - بتسأل ليه عليا - ألبوم بتسأل ليه عليا - هاي كواليتي - فايزه أحمد - استماع وتحميل
الأربعاء 08 فبراير 2017, 2:31 pm من طرف Admin

» جدول مباريات اليوم وكل يوم متجدد يوميا وشاهد مبارياتك المفضلة
الأربعاء 12 أكتوبر 2016, 5:04 pm من طرف Admin

» الجزيرة الرياضية 11+ HD سيرفر جديد
الأربعاء 12 أكتوبر 2016, 4:49 pm من طرف Admin

» الجزيرة الرياضية bein-max1
الأربعاء 12 أكتوبر 2016, 4:27 pm من طرف Admin

» الجزيرة الرياضية bein-max2
الأربعاء 12 أكتوبر 2016, 4:24 pm من طرف Admin

» الجزيرة الرياضية bein-max3
الأربعاء 12 أكتوبر 2016, 4:19 pm من طرف Admin

أغسطس 2017
الأحدالإثنينالثلاثاءالأربعاءالخميسالجمعةالسبت
  12345
6789101112
13141516171819
20212223242526
2728293031  
اليوميةاليومية

شاطر | 
 

 طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد

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

الساعة الآن : :
الدولة : : مصـــــــــــر
علم الدولة : : مصر - Egypt
المحافظة أو المدينة : : المنصورة - ميت غمر
العمل : : موجه رياضيات بالتربية والتعليم
تاريخ التسجيل : : 19/11/2012
المساهمات : : 5683
الموقع : marmar.afdal-montada.com
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يتمنى لكم قضاء اطيب الاوقات بصحبتنا

#1مُساهمةموضوع: طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد   الجمعة 20 مايو 2016, 5:54 am

طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد

الآن بامكانك تلوين كل فئة من فئات الصفحة الرئيسية
بلون معين يختلف عن الفئة الأخرى كما في الصورة التالية



الخطوة الاولى

احذف روابط صور خلفيات الفئات اليسرى واليمنى
كما هو موضح بالصورة التالية



الخطوة الثانية

قم بأضافة كود الجافا التالي

الكود:

    $(function()
    {
    $('#cat_1').closest('table.forumline').addClass('cat-1');
    $('#cat_2').closest('table.forumline').addClass('cat-2');
    $('#cat_3').closest('table.forumline').addClass('cat-3');
    $('#cat_4').closest('table.forumline').addClass('cat-4');
    $('#cat_5').closest('table.forumline').addClass('cat-5');
    $('#cat_6').closest('table.forumline').addClass('cat-6');
    }
    );
    //by omarpop23

ملحوظة: هذا الكود لعدد 6 فئات فقط فإذا كنت
تريد اضافة فئات أخرى فعليك بتكرار الكود التالي
بعدد الفئات المراد اضافتها

الكود:

    $('#cat_*').closest('table.forumline').addClass('cat-*');

مع تغيير * برقم الفئة الجديدة

الخطوة الثالثة

اضافة كود الــ
CSS
التالي في ورقة الأكواد الأنسابية ورقة التصميم
CSS

الكود:


    .forumline.cat-1 th {
        background: #FF0000;
    }
    table.forumline.cat-1 {
        border: 1px solid #FF0000;
        background-color: #FF0000;
    }
    .forumline.cat-2 th {
        background: #375468;
    }
    table.forumline.cat-2 {
        border: 1px solid #375468;
        background-color: #375468;
    }
    .forumline.cat-3 th {
        background: #9848EF;
    }
    table.forumline.cat-3 {
        border: 1px solid #9848EF;
        background-color: #9848EF;
    }
    .forumline.cat-4 th {
        background: #3399cc;
    }
    table.forumline.cat-4 {
        border: 1px solid #3399cc;
        background-color: #3399cc;
    }
    .forumline.cat-5 th {
        background: #488E11;
    }
    table.forumline.cat-5 {
        border: 1px solid #488E11;
        background-color: #488E11;
    }

    .forumline.cat-6 th {
        background: #000;
    }
    table.forumline.cat-6 {
        border: 1px solid #000;
        background-color: #000;
    }


ملحوظة: لقد كتبت كود الـــ
CSS
لعدد 6 فئات فقط فاذا كنت تريد اضافة فئات أخرى
فعليك بتكرار الكود التالي بعدد الفئات المراد اضافتها

الكود:


    .forumline.cat-* th {
        background: #000;
    }
    table.forumline.cat-* {
        border: 1px solid #000;
        background-color: #000;
    }


مع تغيير * برقم الفئة الجديدة
وتغيير اللون بوضع كود أو رمز اللون الجديد مكان
#000

الخطوة الرابعة

هذه هي أهم خطوة
فعليك اعادة تسمية الفئات ولكن بهذه الطريقة

فمثلا الفئة الأولى تكتب كما في الكود التالي

الكود:

    <strong id="cat_1">اسم الفئة</strong>

والفئة الثانية تكتب كما في الكود التالي

الكود:

    <strong id="cat_2">اسم الفئة</strong>

والفئة الثالثة تكتب كما في الكود التالي

الكود:

    <strong id="cat_3">اسم الفئة</strong>

وهكذا ...........

والصورة التالية توضح مكان وضع اسم الفئة في قسم المنتديات والفئات










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

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

نتائج البحث
 

 


Rechercher بحث متقدم

دع الأيام تفعل ما تشاء
وطب نفسًا إذا حكم القضاء

ولا تجزع لِحادثةِ الليالي
فما لحوادث الدنيا بقاء .
جميع الحقوق محفوظة لمنتدى مرمر © منتدى مرمر,محمد علي رمضان


المتواجدون الآن ؟
ككل هناك 8 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 8 زائر :: 2 عناكب الفهرسة في محركات البحث

لا أحد

أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 478 بتاريخ الأربعاء 10 أبريل 2013, 8:39 pm