أسعد الله اوقاتكم بالخير والمسرات
الموضوع تغيير شكل المربعات الاعضاء الجديدة والمميزة
وطبعاً هذا الطريقة من برمجة دايم السيف
مثال بالصورة
![](https://mwadah.com/images/imgcache/2009/08/312.gif)
طريقة التركيب اتبع الشرح بالصورة
انسخ الاكواد وضع في اخر تعاريف CSS الإضافية/Additional CSS Definitions
===========
كود:
.njom1
{
margin: 0px 0px 2px;
width: 48;
cursor: pointer;
font-family:"Tahoma" ,MS Sans Serif;
font-size:11px;
font-weight: bold;
vertical-align: middle;
letter-spacing: 0px;
color:#FFFFFF;
padding: 1px 1px;
_margin: 0px 0px 0px;
border-top: 2px solid #FF0000;
border-right: 5px solid #FF0000;
border-bottom: 2px solid #FF0000;
border-left: 5px solid #FF0000;
background-color:#FAFAFA;
background-image:url('color/qtr1.gif');
text-align:center
}
.njom2
{
margin: 0px 0px 2px;
width: 48;
cursor: pointer;
font-family:Tahoma;
font-size:11px;
font-weight: bold;
vertical-align: middle;
letter-spacing: 0px;
color:#000000;
padding: 1px 1px;
_margin: 0px 0px 0px;
border-top: 2px solid #9c8e62;
border-right: 5px solid #9c8e62;
border-bottom: 2px solid #9c8e62;
border-left: 5px solid #9c8e62;
background-color:#FAFAFA;
background-image:url('color/qtr9.gif');
text-align:center
}
.njom3
{
margin: 0px 0px 2px;
width: 48;
cursor: pointer;
font-family:Tahoma;
font-size:11px;
font-weight: bold;
vertical-align: middle;
letter-spacing: 0px;
color:#FFFFFF;
padding: 1px 1px;
_margin: 0px 0px 0px;
border-top: 2px solid #707BBA;
border-right: 5px solid #707BBA;
border-bottom: 2px solid #707BBA;
border-left: 5px solid #707BBA;
background-color:#FAFAFA;
background-image:url('color/qtr5.gif');
text-align:center
}
.njom4
{
margin: 0px 0px 2px;
width: 48;
cursor: pointer;
font-family:Tahoma;
font-size:11px;
font-weight: bold;
vertical-align: middle;
letter-spacing: 0px;
color:#000000;
padding: 1px 1px;
_margin: 0px 0px 0px;
border-top: 2px solid #CC4D62;
border-right: 5px solid #CC4D62;
border-bottom: 2px solid #CC4D62;
border-left: 5px solid #CC4D62;
background-color:#FAFAFA;
background-image:url('color/qtr10.gif');
text-align:center
}
.njom5
{
margin: 0px 0px 2px;
width: 48;
cursor: pointer;
font-family:Tahoma;
font-size:11px;
font-weight: bold;
vertical-align: middle;
letter-spacing: 0px;
color:#000000;
padding: 1px 1px;
_margin: 0px 0px 0px;
border-top: 2px solid #F4A460;
border-right: 5px solid #F4A460;
border-bottom: 2px solid #F4A460;
border-left: 5px solid #F4A460;
background-color:#FAFAFA;
background-image:url('color/qtr4.gif');
text-align:center
}
.njom6
{
margin: 0px 0px 2px;
width: 48;
cursor: pointer;
font-family:Tahoma;
font-size:11px;
font-weight: bold;
vertical-align: middle;
letter-spacing: 0px;
color:#FFFFFF;
padding: 1px 1px;
_margin: 0px 0px 0px;
border-top: 2px solid #202040;
border-right: 5px solid #202040;
border-bottom: 2px solid #202040;
border-left: 5px solid #202040;
background-color:#FAFAFA;
background-image:url('color/qtr22.gif');
text-align:center
}
.njom7
{
margin: 0px 0px 2px;
width: 48;
cursor: pointer;
font-family:Tahoma;
font-size:11px;
font-weight: bold;
vertical-align: middle;
letter-spacing: 0px;
color:#000000;
padding: 1px 1px;
_margin: 0px 0px 0px;
border-top: 2px solid #F4A460;
border-right: 5px solid #F4A460;
border-bottom: 2px solid #F4A460;
border-left: 5px solid #F4A460;
background-color:#FAFAFA;
background-image:url('color/qtr16.gif');
text-align:center
}
.njom8
{
margin: 0px 0px 2px;
width: 48;
cursor: pointer;
font-family:Tahoma;
font-size:11px;
font-weight: bold;
vertical-align: middle;
letter-spacing: 0px;
color:#000080;
padding: 1px 1px;
_margin: 0px 0px 0px;
border-top: 2px solid #000080;
border-right: 5px solid #000080;
border-bottom: 2px solid #000080;
border-left: 5px solid #000080;
background-color:#FAFAFA;
background-image:url('color/qtr2.gif');
text-align:center
}
.njom9
{
margin: 0px 0px 2px;
width: 48;
cursor: pointer;
font-family:Tahoma;
font-size:11px;
font-weight: bold;
vertical-align: middle;
letter-spacing: 0px;
color:#FFFFFF;
padding: 1px 1px;
_margin: 0px 0px 0px;
border-top: 2px solid #202040;
border-right: 5px solid #202040;
border-bottom: 2px solid #202040;
border-left: 5px solid #202040;
background-color:#FAFAFA;
background-image:url('color/qtr19.gif');
text-align:center
}
.njom10
{
margin: 0px 0px 2px;
width: 48;
cursor: pointer;
font-family:Tahoma;
font-size:11px;
font-weight: bold;
vertical-align: middle;
letter-spacing: 0px;
color:#000000;
padding: 1px 1px;
_margin: 0px 0px 0px;
border-top: 2px solid #07AD86;
border-right: 5px solid #07AD86;
border-bottom: 2px solid #07AD86;
border-left: 5px solid #07AD86;
background-color:#FAFAFA;
text-align:center
}
الان التعديل على المجموعات
وهذي الاكواد نفس الي في الصورة
كود/ المدير العام
المربع الاول
<input type="text" name="rtl" size="12" class="njom1" value="
المربع الثاني
"readonly name="border-style:double; border-width:3px; padding:0; width: ID">
============
كود/ نائب المدير
المربع الاول
<input type="text" name="rtl" size="12" class="njom2" value="
المربع الثاني
"readonly name="border-style:double; border-width:3px; padding:0; width: ID">
============
كود/ مراقب العام
المربع الاول
<input type="text" name="rtl" size="12" class="njom3" value="
المربع الثاني
"readonly name="border-style:double; border-width:3px; padding:0; width: ID">
============
كود/ المشرفين
المربع الاول
<input type="text" name="rtl" size="12" class="njom4" value="
المربع الثاني
"readonly name="border-style:double; border-width:3px; padding:0; width: ID">
============
كود/ العضويه الذهبية
المربع الاول
<input type="text" name="rtl" size="12" class="njom5" value="
المربع الثاني
"readonly name="border-style:double; border-width:3px; padding:0; width: ID">
============
كود/ عضو VIP
المربع الاول
<input type="text" name="rtl" size="12" class="njom6" value="
المربع الثاني
"readonly name="border-style:double; border-width:3px; padding:0; width: ID">
============
كود/ عضو مميز
المربع الاول
<input type="text" name="rtl" size="12" class="njom7" value="
المربع الثاني
"readonly name="border-style:double; border-width:3px; padding:0; width: ID">
============
كود/ عضو جديد
المربع الاول
<input type="text" name="rtl" size="12" class="njom8" value="
المربع الثاني
"readonly name="border-style:double; border-width:3px; padding:0; width: ID">
============
كود/ عضو موقوف
المربع الاول
<input type="text" name="rtl" size="12" class="njom9" value="
المربع الثاني
"readonly name="border-style:double; border-width:3px; padding:0; width: ID">
============
كود/ ألاعضاء الذين يَنتظرونَ تأكيدَ بريد إلكتروني
المربع الاول
<input type="text" name="rtl" size="12" class="njom10" value="
المربع الثاني
"readonly name="border-style:double; border-width:3px; padding:0; width: ID">
وبعد ذلك تقوم برفع ملف إلى داخل منتداك (vb)
مثال
![](https://mwadah.com/images/imgcache/2009/08/448.jpg)
وللتحميل بالمرفقات
مبروك عليكم تم التركيب الاكواد الجديدة
ملاحظه عند النقل يرجى ذكر المصدر
اخوكم
دايم السيف
مواقع النشر (المفضلة)