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

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

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


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

نسيت كلمة السر ::
المواضيع الأخيرة
» أغنية - بتسأل ليه عليا - ألبوم بتسأل ليه عليا - هاي كواليتي - فايزه أحمد - استماع وتحميل
الثلاثاء 22 نوفمبر 2016, 7:11 am من طرف ابراهيم الجندى

» جدول مباريات اليوم وكل يوم متجدد يوميا وشاهد مبارياتك المفضلة
الأربعاء 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

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

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

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

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

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

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

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

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

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

ديسمبر 2016
الأحدالإثنينالثلاثاءالأربعاءالخميسالجمعةالسبت
    123
45678910
11121314151617
18192021222324
25262728293031
اليوميةاليومية

شاطر | 
 

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

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


الساعة الآن : :
الدولة : : مصـــــــــــر
علم الدولة : : مصر - Egypt
المحافظة أو المدينة : : المنصورة - ميت غمر
العمل : : موجه رياضيات بالتربية والتعليم
تاريخ التسجيل : : 19/11/2012
المساهمات : : 5679
الموقع : 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 بحث متقدم

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

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


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

لا أحد

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