كود تلوين كل فئة بلون خاص
https://2img.net/h/oi64.tinypic.com/24bt3sz.png
الخطوة الاولى
عليك حذف صور خلفيات الفئات كما هو موضح بالصورة التالية
الخطوة الثانية
قم بأضافة كود الجافا التالي
الكود:
$(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 فئات اذا كنت تريد فئة اضافية عليك تكرار هذا الكود
مع تغير ? برقم الفئة الجديدة
ايضاً عليك اضافة كود 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;}
الكود:
}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;}
[size=14][size=14]ملحوظة: لقد كتبت كود ال CSS لعدد 6 فئات اذا كنت تريد اضافة فئة آخري عليك تكرار الكود التالي[/size][/size]
الكود:
.forumline.cat-? th { background: #000;}table.forumline.cat-? { border: 1px solid #000; background-color: #000;}
[size=14][size=14][size=14]
[size=14]مع تغير ? برقم الفئة الجديدة و تغير اللون
[/size][/size][/size][/size]
[size=14]مع تغير ? برقم الفئة الجديدة و تغير اللون
[/size][/size][/size][/size]
الخطوة الثالثة
[size=14][size=14][size=14][size=14]هذه هي اهم خطوة
عليك اعادة تسمية الفئات ولكن بهذه الطريقة
مثلا الفئة الأولى
[/size][/size][/size][/size]
عليك اعادة تسمية الفئات ولكن بهذه الطريقة
مثلا الفئة الأولى
[/size][/size][/size][/size]
الكود:
<strong id="cat_1">اسم الفئة</strong>
[size=14][size=14][size=14][size=14][size=14][size=14]
الفئة الثانية
[/size][/size][/size][/size][/size][/size]
الفئة الثانية
[/size][/size][/size][/size][/size][/size]
الكود:
<strong id="cat_2">اسم الفئة</strong>
[size=14][size=14][size=14][size=14][size=14][size=14]الفئة الثالثة
[/size][/size][/size][/size][/size][/size]
[/size][/size][/size][/size][/size][/size]
الكود:
<strong id="cat_3">اسم الفئة</strong>
[size=14][size=14][size=14][size=14][size=14][size=14]
[/size][/size][/size][/size][/size][/size]
[/size][/size][/size][/size][/size][/size]