الطريقة هذه شغاله على جميع النسخ 3.5.0 والنسخ 3.6.0

شرحي هذا لك على خطوتين فقط وهم كالتالي

الخـــطـــوة الأولــــى

اولاً : روح يا غالي إلى ( الستايلات & القوالب ) ثم (ضبط الستايلات )



ثانيا : أضغط ( اذهب ) على خيار ( خيارات جميع الستايلات )



ثالثاً : في اخر شي راح تلاقي هالكلمة ( تعريف CSS إضافي ) وبتلاقي كود قديم موجوك عندك
قبل كل شي انسخ الكود الموجود في ×× تعريف CSS إضافي ×× وأحتفظ فيه للأحتياط لو صار تركيبك غلط



ولما تقوم بالحفظ يا ليت تنسخ هالكود هذا اللي بعطيك اياه وتلصقه في تعريف CSS إضافي اللي ذكرته لك

كود PHP:

---

.red 
{ 
margin: 0px 0px 0px 0px; 
width:48; 
border: 1px solid #c00000; 
cursor: pointer; 
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#c00000; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#D1C4B4; 
background-image: url('altaer/color_bg.gif'); 
text-align:center; 
} 
.green 
{ 
margin: 0px 0px 0px 0px; 
width:48; 
border: 1px solid #006600; 
cursor: pointer; 
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#006600; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#D1C4B4; 
background-image: url('altaer/color_bg.gif'); 
text-align:center; 
} 
.blue 
{ 
margin: 0px 0px 0px 0px; 
width:48; 
border: 1px solid #0000FF; 
cursor: pointer; 
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#0000FF; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#D1C4B4; 
background-image: url('altaer/color_bg.gif'); 
text-align:center; 
} 
.gray 
{ 
margin: 0px 0px 0px 0px; 
width:48; 
border: 1px solid #000066; 
cursor: pointer; 
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#000066; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#D1C4B4; 
background-image: url('altaer/color_bg.gif'); 
text-align:center; 
} 
.fushia 
{ 
margin: 0px 0px 0px 0px; 
width:48; 
border: 1px solid #CC0099; 
cursor: pointer; 
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#CC0099; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#D1C4B4; 
background-image: url('altaer/color_bg.gif'); 
text-align:center; 
} 
.orang 
{ 
margin: 0px 0px 0px 0px; 
width: 48; 
border: 1px solid #FF9933; 
cursor: pointer; 
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#FF9933; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#D1C4B4; 
background-image: url('altaer/color_bg.gif'); 
text-align:center 
} 
.teal 
{ 
margin: 0px 0px 0px 0px; 
width: 48; 
border: 1px solid #008080; 
cursor: pointer; 
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#008080; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#D1C4B4; 
background-image: url('altaer/color_bg.gif'); 
text-align:center; 
} 
.brown 
{ 
margin: 0px 0px 0px 0px; 
width: 48; 
border: 1px solid #BF0000; 
cursor: pointer; 
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#BF0000; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#D1C4B4; 
background-image: url('altaer/color_bg.gif'); 
text-align:center; 
} 
.pink 
{ 
margin: 0px 0px 0px 0px; 
width: 48; 
border: 1px solid #CC33FF; 
cursor: pointer; 
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#CC33FF; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#D1C4B4; 
background-image: url('altaer/color_bg.gif'); 
text-align:center; 
} 
.black 
{ 
margin: 0px 0px 0px 0px; 
width: 48; 
border: 1px solid #4E0204; 
cursor: pointer; 
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#4E0204; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#D1C4B4; 
background-image: url('altaer/color_bg.gif'); 
text-align:center; 
} 
.white 
{ 
margin: 0px 0px 0px 0px; 
width: 48; 
border: 1px solid #CC0099; 
cursor: pointer; 
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#CC0099; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#D1C4B4; 
background-image: url('altaer/color_bg.gif'); 
text-align:center; 
} 


---

اختر كلمة حفظ



الخـــطـــوة الــثــانــيــه

اولاً : رووح واختر ( المجموعات ) ثم ( ضبط إعدادات مجموعة الأعضاء )



ثانياً : أضغط ( اذهب ) على خيار ( تعديل المجموعة )



ثالثاً :قم بموضع الكود التالي على مرحلتين



ضع code1 في مربع النص الأول

كود PHP:

---

<input type="text" name="T1" size="17" class="green" value=" 


---

ضع code2 في مربع النص الثاني

كود PHP:

---

" readonly style="width: 90"> 


---

ملاحظة :

كل مجموعة تغير بس هالكلمة اللي في الكود الأول مثال (green - blue - pink ) حسب ما تريد لون المجموعة



وان شاء الله يكون شرحي واضح ياغالي وأي استفسار تحت امرك ونا اخوك

وتبي تشوف النتيجة ومثال تفضل

http://www.r4444r.com/vb

ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــ

ولو تبي تخلي الأعضاء عندك الوان فقط بدون مربعات تابع معي

رووح للمجموعات فلنفرض بترووح لمجموعة المشرف العام

اول ما بتدخل عليه بيجيك مربعين تحت حط هذا على اليمين

<font color="#008080">

وحط هذا على اليسار

</font>

وتغير الكود هذا 008080 كل شي على حسب اللون اللي تبيه لكل مجمووعة

وأعذرني على التقصير يا غالي