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

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

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


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

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

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

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

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

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

» Top 20 Arabic books writers
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyأمس في 3:00 pm من طرف khaledmohy1

» تنظيف واجهات المباني
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyأمس في 2:43 pm من طرف khaledmohy1

» abu simbel
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyأمس في 1:28 am من طرف khaledmohy1

» الرخام المصري
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyأمس في 1:10 am من طرف khaledmohy1

» القناة الاولى المصرية
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 6:57 pm من طرف Admin

» القناة الثانية المصرية
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 6:55 pm من طرف Admin

» القناة الفضائية المصرية الموجهة لأمريكا
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 6:51 pm من طرف Admin

» قناة ماسبيرو زمان المصرية
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 6:47 pm من طرف Admin

» قناة النيل للدراما المصرية
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 6:17 pm من طرف Admin

» قناة النيل للأخبار المصرية
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 6:08 pm من طرف Admin

» قناة النيل الدولية المصرية Nile TV
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 5:51 pm من طرف Admin

» الاذاعات الموجهة 8
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 5:38 pm من طرف Admin

» الاذاعات الموجهة 2
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 5:36 pm من طرف Admin

» الاذاعات الموجهة 1
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 5:33 pm من طرف Admin

» إذاعة القاهرة الكبرى
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 5:30 pm من طرف Admin

» راديو مصر
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 5:26 pm من طرف Admin

» shram elshek
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 4:45 pm من طرف khaledmohy1

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

» إذاعة الأغاني المصرية
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 4:18 pm من طرف Admin

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

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

» sea trip in Egypt
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 3:23 pm من طرف khaledmohy1

» افكار ديكور للحمام
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 3:14 pm من طرف khaledmohy1

» Eine Reise nach Agypten
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 3:05 pm من طرف khaledmohy1

» The top most famous writer in middle east
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 2:52 pm من طرف khaledmohy1

» تنظيف واجهات
طريقة تلوين فئات الصفحة الرئيسية كل فئة بلون خاص + الأكواد Emptyالإثنين 06 مايو 2024, 2:49 pm من طرف khaledmohy1


مايو 2024
الأحدالإثنينالثلاثاءالأربعاءالخميسالجمعةالسبت
   1234
567891011
12131415161718
19202122232425
262728293031 
اليوميةاليومية

شاطر
 

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

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

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

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

نتائج البحث
 

 


Rechercher بحث متقدم

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

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


visitor counter

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

لا أحد

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