شرح تركيب خلفيات متحركة لمجموعات الاعضاء

[Eng Ahmed]

بسم الله الرحمن الرحيم​

أسعد الله اوقاتكم بالخير والمسرات ​

طريقة تركيب خلفيات متحركة لمجموعات الاعضاء

صورة

​

طريقة التركيب :
من التحكم بالاستايلات ---> css رئيسي للاستايل المراد التطبق عليه

انسخ الكود هذا ​

أضيف كود يوضع في اخر تعاريف CSS الإضافية/Additional CSS Definitions
===========
​

.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">

​

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

وبعد ذلك تقوم برفع ملف المرفق color إلى داخل منتداك (vb) ​

مثال​

​