.red
{ 
margin: 0px 0px 0px 0px; 
width:48; 
border: 2px solid #FF0000;  
cursor: pointer; 
font-family:Tahoma;  
font-size:11px;
font-weight: bold;  
vertical-align:middle;  
letter-spacing:0;  
color:#FFFFFF;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#ECEEF0;
background-image:url('color/qtr1.gif');   
text-align:center; 
}
 

.green 
{ 
margin: 0px 0px 0px 0px; 
width:48; 
border: 2px solid #006600; 
cursor: pointer; 
font-family:Tahoma;  
font-size:11px;
font-weight: bold;  
vertical-align:middle;  
letter-spacing:0;  
color:#006600;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#ECEEF0;
background-image:url('');  
text-align:center; 
} 

 
.blue 
{ 
margin: 0px 0px 0px 0px; 
width:48; 
border: 2px solid #000080; 
cursor: pointer; 
font-family:Tahoma;  
font-size:11px;
font-weight: bold;  
vertical-align:middle;  
letter-spacing:0;  
color:#000080;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#ECEEF0;
background-image:url('color/qtr2.gif');
text-align:center; 
} 


.DimGray 
{ 
margin: 0px 0px 0px 0px; 
width:48; 
border: 2px solid #F4A460; 
cursor: pointer; 
font-family:Tahoma;  
font-size:11px;
font-weight: bold;  
vertical-align:middle;  
letter-spacing:0;  
color:#000000;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#ECEEF0;
background-image:url('color/qtr16.gif');
text-align:center; 
}

 
.fushia 
{ 
margin: 0px 0px 0px 0px; 
width:48; 
border: 2px solid #707BBA; 
cursor: pointer; 
font-family:Tahoma;  
font-size:11px;
font-weight: bold;  
vertical-align:middle;  
letter-spacing:0;  
color:#FFFFFF;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#ECEEF0;
background-image:url('color/qtr5.gif');  
text-align:center; 
}


.orang 
{ 
margin: 0px 0px 0px 0px; 
width: 48; 
border: 2px solid #F4A460; 
cursor: pointer; 
font-family:Tahoma;  
font-size:11px;
font-weight: bold;  
vertical-align:middle;  
letter-spacing:0;  
color:#000000;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#ECEEF0;
background-image:url('color/qtr4.gif');
text-align:center 
}


.teal 
{ 
margin: 0px 0px 0px 0px; 
width: 48; 
border: 2px solid #07AD86; 
cursor: pointer; 
font-family:Tahoma;  
font-size:11px;
font-weight: bold;  
vertical-align:middle;  
letter-spacing:0;  
color:#000000;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#ECEEF0;
background-image:url('color/qtr9.gif');  
text-align:center; 
} 


.brown 
{ 
margin: 0px 0px 0px 0px; 
width: 48; 
border: 2px solid #000000; 
cursor: pointer; 
font-family:Tahoma;  
font-size:11px;
font-weight: bold;  
vertical-align:middle;  
letter-spacing:0;  
color:#33CC33;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#ECEEF0;
background-image:url('');  
text-align:center; 
} 


.pink 
{ 
margin: 0px 0px 0px 0px; 
width: 48; 
border: 2px solid #FF6699; 
cursor: pointer; 
font-family:Tahoma;  
font-size:11px;
font-weight: bold;  
vertical-align:middle;  
letter-spacing:0;  
color:#000000;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#ECEEF0;
background-image:url('color/qtr10.gif');  
text-align:center; 
} 


.black 
{ 
margin: 0px 0px 0px 0px; 
width: 48; 
border: 2px solid #202040; 
cursor: pointer; 
font-family:Tahoma;  
font-size:11px;
font-weight: bold;  
vertical-align:middle;  
letter-spacing:0;  
color:#FFFFFF;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#ECEEF0;
background-image:url('color/qtr19.gif'); 
text-align:center; 
} 


.Badngan 
{ 
margin: 0px 0px 0px 0px; 
width: 48; 
border: 2px solid #CC33FF; 
cursor: pointer; 
font-family:Tahoma;  
font-size:11px;
font-weight: bold;  
vertical-align:middle;  
letter-spacing:0;  
color:#CC33FF;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#ECEEF0;
background-image:url(''); 
text-align:center; 
}

============================

تعديل على المجموعات
وهذي نفس المجموعات اللي في منتدى نجوم قطر
كود/ المدير العام
المربع الاول
<input type="text" name="T1" size="13" class="red" value="
المربع الثاني
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
كود/ نائب المدير
المربع الاول
<input type="text" name="T1" size="13" class="teal" value="
المربع الثاني
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
كود/ إداريين
المربع الاول
<input type="text" name="T1" size="13" class="fushia" value="
المربع الثاني
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
كود/ المشرفين
المربع الاول
<input type="text" name="T1" size="13" class="pink" value="
المربع الثاني
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
كود/ عضو VIP
المربع الاول
<input type="text" name="T1" size="13" class="orang" value="
المربع الثاني
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
كود/ عضو مميز
المربع الاول
<input type="text" name="T1" size="13" class="DimGray" value="
المربع الثاني
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
كود/ عضو جديد
المربع الاول
<input type="text" name="T1" size="13" class="blue" value="
المربع الثاني
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
كود/ ألاعضاء الذين يَنتظرونَ تأكيدَ بريد إلكتروني
المربع الاول
<input type="text" name="T1" size="13" class="Badngan" value="
المربع الثاني
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
كود/ عضو موقوف
المربع الاول
<input type="text" name="T1" size="13" class="black" value="
المربع الثاني
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
=======================================
وضع هذا الكود في المستطيل الاول في اي مجموعة مع مرعاة تغيير اللون blue الى اللون المختار للمجموعة

<input type="text" name="T1" size="13" class="blue" value="
==========================
يوضع هذا الكود في المستطيل الثاني في اي مجموعة وهو خاص للمربعات
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
============================
وبعد ذلك تقوم برفع ملف المرفق إلى داخل منتداك (vb)

مثال



وللتحميل بالمرفقات


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