طريقة تركيب الوان المجموعات بطريقة css
وبدون اي هاكات ومن دون تغيير على سرعة التصفح

وكذلك يمكنكم استخدام اي صورة للخلفية بتصميمكم الخاص
وانا قمت بتصميم الوان المجموعات مصممة طبقاً لما موجود في المودة

ولا اسامح من يقول انه الاوان مسروقة او شي لانها موزعة بطريقة css
ومن الصعب جداً الوصول الى مركز الصورة على الموقع لانها لا تظهر في السورس

الان شرح التركيب
===========

اول شي نتوجه الى قالب > additional.css

قم بأضافة الكود التالي في اخره
كود PHP:
#group-1{background:transparent url('vb/khfaia/1.png') no-repeat;color:#545313;width:110px;height:25px;border:0px;text-align:center;cursor:pointer;}

#group-2{background:transparent url('vb/khfaia/2.png') no-repeat;color:#a04d00;width:110px;height:25px;border:0px;text-align:center;cursor:pointer;}

#group-3{background:transparent url('vb/khfaia/3.png') no-repeat;color:#26950c;width:110px;height:25px;border:0px;text-align:center;cursor:pointer;}

#group-4{background:transparent url('vb/khfaia/4.png') no-repeat;color:#950c0c;width:110px;height:25px;border:0px;text-align:center;cursor:pointer;}

#group-5{background:transparent url('vb/khfaia/5.png') no-repeat;color:#6415a1;width:110px;height:25px;border:0px;text-align:center;cursor:pointer;}

#group-6{background:transparent url('vb/khfaia/6.png') no-repeat;color:#ac1d94;width:110px;height:25px;border:0px;text-align:center;cursor:pointer;}

#group-7{background:transparent url('vb/khfaia/7.png') no-repeat;color:#333333;width:110px;height:25px;border:0px;text-align:center;cursor:pointer;}

#group-8{background:transparent url('vb/khfaia/8.png') no-repeat;color:#099390;width:110px;height:25px;border:0px;text-align:center;cursor:pointer;}

#group-9{background:transparent url('vb/khfaia/9.png') no-repeat;color:#9a1752;width:110px;height:25px;border:0px;text-align:center;cursor:pointer;}


#group-1:hover{color:#ff0000;}

#group-2:hover{color:#ff0000;}

#group-3:hover{color:#ff0000;}

#group-4:hover{color:#ff0000;}

#group-5:hover{color:#ff0000;}

#group-6:hover{color:#ff0000;}

#group-7:hover{color:#ff0000;}

#group-8:hover{color:#ff0000;}

#group-9:hover{color:#ff0000;}


*+html #group-1{padding-top:5px;}

*+html #group-2{padding-top:5px;}

*+html #group-3{padding-top:5px;}

*+html #group-4{padding-top:5px;}

*+html #group-5{padding-top:5px;}

*+html #group-6{padding-top:5px;}

*+html #group-7{padding-top:5px;}

*+html #group-8{padding-top:5px;}

*+html #group-9{padding-top:5px;}



الان رح اشرح ما الذي قمت به وما التعديل الذي قد تريد تغييره

لرفع صورة من تصميمك قم بتغيير التالي كود PHP:
url('1.png')



الى مسار الصورة الي تريدها

لتغيير لون اللنك عند المرور الماوس على الاسم غير كون اللون التالي كود PHP:
#ff0000



لتغيير حجم الخط في المجموعات غير الرقم التالي للي تريده بوحة البكسل كود PHP:
5px




بعد ما تعمل التالي توجه الى التحكم بالامجموعات واضغط اذهب على اي مجموعة تريدها

في الكود اليمين ضغ التالي مع تغيير رقم صورة لون المجموعة

كود PHP:
<input id='group-8' value=



وكذلك في مكان الكود اليسار ضع الكود التالي

كود PHP:
/>



طبعاً قبل كل شي قم بتحميل مجلد khfaia من هنا khfaia.zip‏ وارفعه الى مجلد منتداك الرئيسي