.::||[ خطوة (1) إضافة الكود التالي لجميع الاستايلات في المنتدى ]||::.
 .::||[ 1- اذهب لخيار ( الستايلات & القوالب ) ثم (ضبط الستايلات ) ]||::.
 .::||[ 2- أضغط ( اذهب ) على خيار ( خيارات جميع الستايلات ) ]||::.
.::||[ 2- أضغط ( اذهب ) على خيار ( خيارات جميع الستايلات ) ]||::.
 .::||[ 3- اسفل الخيارات عند ( تعريف CSS إضافي ) وفي نهايته أضف الكود التالي: - ]||::.
.::||[ 3- اسفل الخيارات عند ( تعريف CSS إضافي ) وفي نهايته أضف الكود التالي: - ]||::.
 
	كود PHP:
	
		
			
.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-left: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-left: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-left: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-left: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-left: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-left: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-left: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-left: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-left: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-left: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-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#FFE3DF; 
background-image: url('altaer/color_bg.gif'); 
text-align:center; 
} 
		
	
 .::||[ ثم أعمل حفظ من اسفل ]||::.
 
.::..::..::..::..::..::..::..
.::||[ خطوة (2) ]||::.
 .::||[ 1- اذهب لخيار ( المجموعات ) ثم ( ضبط إعدادات مجموعة الأعضاء ) ]||::.
 .::||[ 2- أضغط ( اذهب ) على خيار ( تعديل المجموعة ) ]||::.
 
.::||[ 2- أضغط ( اذهب ) على خيار ( تعديل المجموعة ) ]||::.
 .::||[ 3- اضف الكود التالي على مرحلتين ]||::.
 
.::||[ 3- اضف الكود التالي على مرحلتين ]||::.
 .::||[ ضع code1 في مربع النص الأول ]||::.
.::||[ code1: [ مهم: يجب تغيير كلمة ( red ) لكل مجموعة مثال (green - blue - pink ) ] ]||::.
 
.::||[ ضع code1 في مربع النص الأول ]||::.
.::||[ code1: [ مهم: يجب تغيير كلمة ( red ) لكل مجموعة مثال (green - blue - pink ) ] ]||::.
	كود PHP:
	
		
			
<input type="text" name="T1" size="17" class="red" value=" 
		
	
 .::||[ وضع code2 في مربع النص الثاني ]||::.
.::||[ code2: ]||::.
	كود PHP:
	
		
			
" readonly style="width: 90"> 
		
	
 .::||[ ثم أضغط على زر ( تحديث ) في الاسفل ]||::.
.::..::..::..::..::..::..::..
 .::||[ ثم قم بعمل تحديث للعدادات كما هو موضح في الصورة  ]||::.
.::||[ ثم قم بعمل تحديث للعدادات كما هو موضح في الصورة  ]||::.
 
 
7
 
 
7
 .::||[ اتمنى ان الشرح وافي ]||::.
 
.::||[ اتمنى ان الشرح وافي ]||::.
.::.
تحياتي.::.
.::.
غيـــــــــوض.::.