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

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

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


يجب عليك تسجيل الدخول لإرسال رسالة
اسم العضو : كلمة السر :
ادخلني في كل زيارة تلقائيا :

نسيت كلمة السر ::
يجب عليك تسجيل الدخول لإرسال رسالة
اسم العضو : كلمة السر :
ادخلني في كل زيارة تلقائيا :

نسيت كلمة السر ::
المواضيع الأخيرة
» تنظيف المصانع
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyأمس في 7:51 pm من طرف khaledmohy1

» اشهر رموز العلمانية في التاريخ رندة قسيس
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyأمس في 1:39 pm من طرف khaledmohy1

» The most famous people met Trump
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyأمس في 1:19 pm من طرف khaledmohy1

» Famous middle eastern women in history
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyأمس في 1:00 pm من طرف khaledmohy1

» المؤسس عثمان مترجم للعربية - الجزء الخامس - الحلقة 154 - 24
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyأمس في 3:09 am من طرف Admin

» لعملة الكريبتو
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyأمس في 12:52 am من طرف doaausef3li

»  طريقة الاستعلام عن الأسهم القديمة
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالأربعاء 27 مارس 2024, 4:27 pm من طرف doaausef3li

» التخلص من الحشرات
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالأربعاء 27 مارس 2024, 3:52 pm من طرف khaledmohy1

» شركات تعقيم المنازل
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالأربعاء 27 مارس 2024, 3:32 pm من طرف khaledmohy1

» شركات تنظيف الشيخ زايد
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالأربعاء 27 مارس 2024, 3:22 pm من طرف khaledmohy1

» Famous middle eastern leaders
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالأربعاء 27 مارس 2024, 3:11 pm من طرف khaledmohy1

» The most famous Arab politicians Randa Kassis
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالأربعاء 27 مارس 2024, 3:00 pm من طرف khaledmohy1

» Syria politicians with Trump
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالأربعاء 27 مارس 2024, 2:42 pm من طرف khaledmohy1

» Arab politicians with Trump
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالأربعاء 27 مارس 2024, 2:29 pm من طرف khaledmohy1

» كمبوند لا كابيتال ايست العاصمة الإدارية بيراميدز
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالثلاثاء 26 مارس 2024, 5:34 am من طرف خالد فكري

» كمبوند بوردووك العاصمة الإدارية الجديدة العصرية
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالثلاثاء 26 مارس 2024, 5:10 am من طرف خالد فكري

» الچازي فيرست ماريوت ريزيدنس القاهرة الجديدة سلدار مصر
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالثلاثاء 26 مارس 2024, 4:32 am من طرف خالد فكري

» كمبوند جولدن يارد العاصمة الإدارية مارسيليا جروب
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالثلاثاء 26 مارس 2024, 3:50 am من طرف خالد فكري

» كمبوند ذا هوفت القاهرة الجديدة مينكا
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالثلاثاء 26 مارس 2024, 3:23 am من طرف خالد فكري

» كمبوند لا كابيتال العاصمة الإدارية الجديدة
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالثلاثاء 26 مارس 2024, 3:01 am من طرف خالد فكري

» كمبوند كاسيل لاند مارك العاصمة الإدارية
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالثلاثاء 26 مارس 2024, 2:33 am من طرف خالد فكري

» كمبوند دي جويا 2 العاصمة الإدارية الجديدة
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالثلاثاء 26 مارس 2024, 2:06 am من طرف خالد فكري

» كمبوند شاليا تاج سيتي
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالثلاثاء 26 مارس 2024, 1:45 am من طرف خالد فكري

» كمبوند ذا سيتي فالي العاصمة الإدارية
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالثلاثاء 26 مارس 2024, 1:25 am من طرف خالد فكري

» كمبوند لافيستا سيتي العاصمة الإدارية الجديدة
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالثلاثاء 26 مارس 2024, 1:08 am من طرف خالد فكري

» كمبوند البوسكو العاصمة الإدارية
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالثلاثاء 26 مارس 2024, 12:44 am من طرف خالد فكري

» نف شركتك الان
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالثلاثاء 26 مارس 2024, 12:33 am من طرف khaledmohy1

» كمبوند كيندا التجمع الخامس
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالثلاثاء 26 مارس 2024, 12:27 am من طرف خالد فكري

» كمبوند يارو العاصمة الإدارية الجديدة
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 25 مارس 2024, 11:57 pm من طرف خالد فكري

» سيلفر ساندس الساحل الشمالي
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 25 مارس 2024, 11:40 pm من طرف خالد فكري


مارس 2024
الأحدالإثنينالثلاثاءالأربعاءالخميسالجمعةالسبت
     12
3456789
10111213141516
17181920212223
24252627282930
31      
اليوميةاليومية

شاطر
 

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

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

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

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

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

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

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

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

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

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

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

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

الكود:

    $(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>

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

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

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








الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://marmar.mam9.com/
 
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» طريقة تجاوز الصفحة الاعلانية adf.ly
» كود عدد زوار الصفحة 4
» كود عدد زوار الصفحة 6

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

نتائج البحث
 

 


Rechercher بحث متقدم

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

ولا تجزع لِحادثةِ الليالي
فما لحوادث الدنيا بقاء .


visitor counter

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

لا أحد

أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 478 بتاريخ الأربعاء 10 أبريل 2013, 8:39 pm
مواضيع مماثلة
  • » كود عدد زوار الصفحة 3
  • » كود عدد زوار الصفحة 5