تغيير شكل المربعات الاعضاء الجديدة والمميزة

[دايم الســيف]

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

الموضوع تغيير شكل المربعات الاعضاء الجديدة والمميزة

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

مثال بالصورة

طريقة التركيب اتبع الشرح بالصورة

انسخ الاكواد وضع في اخر تعاريف 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)

مثال

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

مبروك عليكم تم التركيب الاكواد الجديدة

ملاحظه عند النقل يرجى ذكر المصدر

http://www.njom-qatar.com/vb/s-191879.html

اخوكم

دايم السيف

[سوالف كول]

بصراحه روووعه يعطيك الف عافيه

تحياتي لك

[فجر وبس]

الله يجزآك خير استاذي..

ماقصرت.. بارك الله فيك..

[ابو مالك]

شكرا وبارك الله فيك لك مني أجمل تحية

[بجانبي]

[align=center]
مبدع اخوي دآيم السيف دائما ..
تقبل تحياتي
أخوك /
nx2me
[/align]