كود الوان المجموعات بخاصية css لمنتديات vb4

الملف الشخصي · 11-28-2010 05:11 PM

كود الوان المجموعات بخاصية 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 من المرفقات وارفعه الى مجلد منتداك الرئيسي

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

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

المواضيع المحتمل أن تكون متشابهة .
حل مشكلة ظهور Array بدل إحصائيات المنتدى لمنتديات vb4
كود اعجبني LIKE للفيس بوك لمنتديات vb4
اضافة نشر مواضعيك في الــ facebook + Twitter لمنتديات vb4
تحديد الكل ميزه لــ php + html + code لمنتديات vb4
شرح وضع بسم الله الرحمن الرحيم فى بداية كل موضوع لمنتديات vb4
كود تلوين الروابط إلى الوان الطيف لمنتديات vb4
شرح اضافة تعديل التوقيع في النافبار لمنتديات vb4