R I N G عضو مشارك
عدد المشاركات : 23 نقاط : 57 التقييم : 0 تاريخ التسجيل : 15/10/2010
| موضوع: شرح تركيب هاك اسامي الاعضاء داخل مربعات ملونه . السبت أكتوبر 16, 2010 2:09 am | |
| السلام عليكم ورحمة الله وبركاته شرح تركيب هاك اسامي الاعضاء داخل مربعات ملونه ..
الشرح :
1- ادخل لوحة تحكم المنتدى من الاستايلات والقوالب اختار ظبط الاستايلات ..
تركيب اسامي الاعضاء داخل مربعات
2- دع الخيار على خيارات جميع الاستايلات واضغط على اذهب ..
تركيب اسامي الاعضاء داخل مربعات
3- انزل تحت مرره عند ( تعريف CSS إضافي ) انزل لأسفل الكود وضع الكود التالي :
تركيب اسامي الاعضاء داخل مربعات - الكود:
-
red { margin: 0px 0px 0px 0px; width:48; border: 2px solid #FF1515; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#FF1515; padding-****:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF; background-image: url('altaer/color_bg.gif'); text-align:center; }
.green { margin: 0px 0px 0px 0px; width:48; border: 2px solid #006600; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#006600; padding-****:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF; background-image: url('altaer/color_bg.gif'); text-align:center; }
.blue { margin: 0px 0px 0px 0px; width:48; border: 2px solid #0000FF; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#0000FF; padding-****:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF; background-image: url('altaer/color_bg.gif'); text-align:center; }
.gray { margin: 0px 0px 0px 0px; width:48; border: 2px solid #CCCCCC; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#CCCCCC; padding-****:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF; background-image: url('altaer/color_bg.gif'); text-align:center; }
.fushia { margin: 0px 0px 0px 0px; width:48; border: 2px solid #FF66CC; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#FF66CC; padding-****:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF; background-image: url('altaer/color_bg.gif'); text-align:center; }
.orang { margin: 0px 0px 0px 0px; width: 48; border: 2px solid #FF9900; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#FF9900; padding-****:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF; background-image: url('altaer/color_bg.gif'); text-align:center }
.teal { margin: 0px 0px 0px 0px; width: 48; border: 2px solid #008080; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#008080; padding-****:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF; background-image: url('altaer/color_bg.gif'); text-align:center; }
.brown { margin: 0px 0px 0px 0px; width: 48; border: 2px solid #BF0000; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#BF0000; padding-****:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF; background-image: url('altaer/color_bg.gif'); text-align:center; }
.pink { margin: 0px 0px 0px 0px; width: 48; border: 2px solid #CC33FF; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#CC33FF; padding-****:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF; background-image: url('altaer/color_bg.gif'); text-align:center; }
.black { margin: 0px 0px 0px 0px; width: 48; border: 2px solid #000000; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#000000; padding-****:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF; background-image: url('altaer/color_bg.gif'); text-align:center; }
.white { margin: 0px 0px 0px 0px; width: 48; border: 2px solid #ffffff; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#ffffff; padding-****:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF; background-image: url('altaer/color_bg.gif'); text-align:center; }
الحين اضغط حفظ ..
تركيب اسامي الاعضاء داخل مربعات
4- الحين نروح للمجموعات ونختار ضبط اعدادات مجموعة الاعضاء ..
تركيب اسامي الاعضاء داخل مربعات
5- نختار مجموعة مجموعة نختار تعديل المجموعة ونضغط على اذهب ..
تركيب اسامي الاعضاء داخل مربعات
6- نظيف الكوديين التاليين مع ملاحظة تغيير اللون من مجموعة عن مجموعة مثلا الاداره احمر والمشرفين اخضر والاعضاء ازرق او اي ترتيب يعجبك ..
تركيب اسامي الاعضاء داخل مربعات
الكود رقم 1 : - الكود:
-
<input type="text" name="T1" size="17" class="red" value=" الكود رقم 2 :
كود:
كود: - الكود:
-
" readonly style="width: 90"> - الان نضغط على تحديث ..
تركيب اسامي الاعضاء داخل مربعات
8- الان نروح لـرفع الملف & الصيانة ونختار تحديث العدادات ..
تركيب اسامي الاعضاء داخل مربعات
9- الان نحدث الاسماء والمسميات ..
تركيب اسامي الاعضاء داخل مربعات
تركيب اسامي الاعضاء داخل مربعات
10 - مجموعة الالوان :
.red = أحمر - .green = أخضر - .blue = أزرق - .gray = رمادي - .fushia = فوشي .orang = برتقالي - .brown = بني - .pink = بنفسج - .black = اسود - .white = أبيض
احترامي رد مع اقتباس | |
|