سوق العرب | معهد سكيورتى العرب | وظائف خالية - كود الوان المجموعات بخاصية css لمنتديات vb4

السلام عليكم ورحمة الله وبركاته :

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

قم بأضافة الكود التالي في اخره

كود :

#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;}

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

لرفع صورة من تصميمك قم بتغيير التالي

كود :

url('1.png')

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

لتغيير لون اللنك عند المرور الماوس على الاسم غير كون اللون التالي

كود :

#ff0000

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

كود :

5px

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

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

كود :

<input id='group-8' value=

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

كود :

/>

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

الموضوع منقول من منتديات خفايا

ادارة سكيورتي العرب

سوق العرب | معهد سكيورتى العرب | وظائف خالية

dr.wolf