لمشاهدة المثال على الطبيعة لالوان المجموعات

منتديات لأجل عيناك

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

طبعاً الصور جمعتهم وليسه من تصويري وهي نفس الطريقة اللي فالصورة

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

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


كود PHP:
.redmargin0px 0px 0px 0pxwidth:48border2px solid #FF0000;  cursorpointerfont-family:Tahoma;  font-size:11px;font-weightbold;  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 margin0px 0px 0px 0pxwidth:48border2px solid #006600; cursorpointerfont-family:Tahoma;  font-size:11px;font-weightbold;  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 margin0px 0px 0px 0pxwidth:48border2px solid #000080; cursorpointerfont-family:Tahoma;  font-size:11px;font-weightbold;  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 margin0px 0px 0px 0pxwidth:48border2px solid #F4A460; cursorpointerfont-family:Tahoma;  font-size:11px;font-weightbold;  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 margin0px 0px 0px 0pxwidth:48border2px solid #707BBA; cursorpointerfont-family:Tahoma;  font-size:11px;font-weightbold;  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 margin0px 0px 0px 0pxwidth48border2px solid #F4A460; cursorpointerfont-family:Tahoma;  font-size:11px;font-weightbold;  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 margin0px 0px 0px 0pxwidth48border2px solid #07AD86; cursorpointerfont-family:Tahoma;  font-size:11px;font-weightbold;  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 margin0px 0px 0px 0pxwidth48border2px solid #000000; cursorpointerfont-family:Tahoma;  font-size:11px;font-weightbold;  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 margin0px 0px 0px 0pxwidth48border2px solid #FF6699; cursorpointerfont-family:Tahoma;  font-size:11px;font-weightbold;  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 margin0px 0px 0px 0pxwidth48border2px solid #202040; cursorpointerfont-family:Tahoma;  font-size:11px;font-weightbold;  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 margin0px 0px 0px 0pxwidth48border2px solid #CC33FF; cursorpointerfont-family:Tahoma;  font-size:11px;font-weightbold;  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)


مثال نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

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


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