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

E

Eng Ahmed

ادارة المنتدى
9 مارس 2008
3,318
11
38
www.support-ar.com
بسم الله الرحمن الرحيم​
أسعد الله اوقاتكم بالخير والمسرات ​
طريقة تركيب خلفيات متحركة لمجموعات الاعضاء

صورة

​

طريقة التركيب :
من التحكم بالاستايلات ---> css رئيسي للاستايل المراد التطبق عليه
انسخ الكود هذا ​
أضيف كود يوضع في اخر تعاريف CSS الإضافية/Additional CSS Definitions
===========
​

PHP: 
.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; 
}

 ​

​
تعديل على المجموعات ​
وهذي نفس المجموعات اللي في منتدى النورس​
كود/ المدير العام​
المربع الاول
PHP: 
<input type="text" name="T1" size="13" class="red" value="
المربع الثاني
PHP: 
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">

كود/ نائب المدير
المربع الاول
PHP: 
<input type="text" name="T1" size="13" class="teal" value="

المربع الثاني
PHP: 
 " readonly style="border-style:double; border-width:3px; padding:0; width: 70">

كود/ إداريين
المربع الاول
PHP: 
<input type="text" name="T1" size="13" class="fushia" value="

المربع الثاني
PHP: 
 " readonly style="border-style:double; border-width:3px; padding:0; width: 70">

كود/ المشرفين
المربع الاول
PHP: 
<input type="text" name="T1" size="13" class="pink" value="

المربع الثاني
PHP: 
 " readonly style="border-style:double; border-width:3px; padding:0; width: 70">

كود/ عضو VIP
المربع الاول
PHP: 
 <input type="text" name="T1" size="13" class="orang" value="

المربع الثاني
PHP: 
 " readonly style="border-style:double; border-width:3px; padding:0; width: 70">

كود/ عضو مميز
المربع الاول
PHP: 
<input type="text" name="T1" size="13" class="DimGray" value="

المربع الثاني
PHP: 
 " readonly style="border-style:double; border-width:3px; padding:0; width: 70">

كود/ عضو جديد
المربع الاول
PHP: 
<input type="text" name="T1" size="13" class="blue" value="

المربع الثاني
PHP: 
 " readonly style="border-style:double; border-width:3px; padding:0; width: 70">

كود/ ألاعضاء الذين يَنتظرونَ تأكيدَ بريد إلكتروني
المربع الاول
PHP: 
<input type="text" name="T1" size="13" class="Badngan" value="

المربع الثاني
PHP: 
 " readonly style="border-style:double; border-width:3px; padding:0; width: 70">

كود/ عضو موقوف
المربع الاول
PHP: 
 <input type="text" name="T1" size="13" class="black" value="

المربع الثاني
PHP: 
 " readonly style="border-style:double; border-width:3px; padding:0; width: 70">

​


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

المرفقات

  • شرح طريقة تلوين النكات مع الخلفيات .zip
    695.1 KB · المشاهدات: 145
يجب تسجيل الدخول أو التسجيل كي تتمكن من الرد هنا.
أعلى أسفل