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

https://mwadah.com/images/imgcache/2009/08/310.gif

https://mwadah.com/images/imgcache/2009/08/311.gif

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

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

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

مثال بالصورة
https://mwadah.com/images/imgcache/2009/08/312.gif

https://mwadah.com/images/imgcache/2009/08/313.gif

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

https://mwadah.com/images/imgcache/2009/08/447.jpg

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

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

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

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

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

https://mwadah.com/images/imgcache/2009/08/314.gif

https://mwadah.com/images/imgcache/2009/08/315.gif

اخوكم

دايم السيف

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

تحياتي لك

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

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

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

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

اقتباس:

---

المشاركة الأصلية كتبت بواسطة ابو مالك

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

---

العفو يالغالي ويبارك لك بمثله يارب
وشكرا على مرورك العطر بمتصفحي

وتقبل تحياتي

[caution]:mwalat13:مشكوررر اخى ولكن هل توجد هذه الاضافة فى هاك الموة للاادرة وان كانت موجودة فارجوا شرح تفعيلها:mwalat5:[/caution]

يعطيك الف الف الف عافيه يادايم

لاتحرمنا من ابداعك يالغلا

https://mwadah.com/images/imgcache/2009/09/1426.gif

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

اقتباس:

---

المشاركة الأصلية كتبت بواسطة سوالف كول

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

تحياتي لك

---

الله يعافيك يالغالي
وشكرا على مرورك

وتقبل تحياتي

اقتباس:

---

المشاركة الأصلية كتبت بواسطة فجر وبس

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

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

---

يجازيكِ بمثله يارب وبارك الله فيك يالغالية
وشكرا على مروركِ العطر بمتصفحي

وتقبلي تحياتي

اقتباس:

---

المشاركة الأصلية كتبت بواسطة بجانبي

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

---

الابداع مرورك العطر يالغالي

وتقبل تحياتي

اقتباس:

---

المشاركة الأصلية كتبت بواسطة سعد ابراهيم

[caution]:mwalat13:مشكوررر اخى ولكن هل توجد هذه الاضافة فى هاك الموة للاادرة وان كانت موجودة فارجوا شرح تفعيلها:mwalat5:[/caution]

---

العفو يالغالي

كلا لاتوجد هذه الاضافه
وشكرا على مرورك

وتقبل تحياتي

اقتباس:

---

المشاركة الأصلية كتبت بواسطة رقيقة المشآعر

يعطيك الف الف الف عافيه يادايم

لاتحرمنا من ابداعك يالغلا

https://mwadah.com/images/imgcache/2009/09/1426.gif

---

الله يعافيكِ يالغالية وبارك لكِ بمثله يارب
وشكرا على مروركِ العطر ببمتصفحي

وتقبلي تحياتي

اقتباس:

---

المشاركة الأصلية كتبت بواسطة فتى الذهب

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

---

العفو يالغالي ويبارك لك بمثله يارب
وشكرا على مرورك العطر بمتصفحي

وتقبل تحياتي

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

اقتباس:

---

المشاركة الأصلية كتبت بواسطة ابن الدمام

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

---

العفو يالغالي ويبارك لك بمثله يارب
وشكرا على مرورك العطر بمتصفحي

وتقبل تحياتي

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

تحياتي لك

اقتباس:

---

المشاركة الأصلية كتبت بواسطة أسير العاشقين

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

تحياتي لك

---

الله يعافيك يالغالي
والروعه مرورك العطر

وتقبل تحياتي

اقتباس:

---

المشاركة الأصلية كتبت بواسطة فارس الزهراني

اخوي هل تركب ع النسخة 382 بدون مشاكل :):mwalat7:

---

اكيد يالغالي يركب على جميع النسخ

وتقبل تحياتي

جزاك الله خيرا

https://mwadah.com/images/imgcache/2009/08/288.gif

اقتباس:

---

المشاركة الأصلية كتبت بواسطة ابو عيسى

جزاك الله خيرا

---

يجازيك بمثله يارب
وشكرا على مرورك العطر يالغالي

وتقبل تحياتي

اقتباس:

---

المشاركة الأصلية كتبت بواسطة نـورس

https://mwadah.com/images/imgcache/2009/08/288.gif

---

يبارك لك بمثله يارب والله يسلمك يالغالي
وشكرا على مرورك العطر بمتصفحي

وتقبل تحياتي

مشكور اخي دايم السيف

احسنت وبارك فيك

تحياتي

اقتباس:

---

المشاركة الأصلية كتبت بواسطة لك قلبي

مشكور اخي دايم السيف

احسنت وبارك فيك

تحياتي

---

العفو يالغالي ويبارك لك بمثله يارب
وشكرا على مرورك العطر بمتصفحي

وتقبل تحياتي

الف شكر وجزاك الله كل خير

السلام عليكم أشكرك أخوي على هذا الهاك الجميل ولكن واجهتني مشكله بعد التركيب وهي ظهور بعض الحروف الانجليزيه بجانب اسما الاعضاء مالحل شاهد هاذي الصور..
https://mwadah.com/images/imgcache/2009/08/262.jpg

وبعض الاعسماء يكون المربع صغير عليها مالحل ايضا .؟
https://mwadah.com/images/imgcache/2009/08/263.jpg

ارجو الرد سريعا

آسفه عالازعاج

اقتباس:

---

المشاركة الأصلية كتبت بواسطة عبدالله اسماعيل

الف شكر وجزاك الله كل خير

---

العفو يالغالي ويجازيك لك بمثله يارب
وشكرا على مرورك العطر بمتصفحي

وتقبل تحياتي

[align=center]مشكورررررررررررررر اخوي

[/align]

اقتباس:

---

المشاركة الأصلية كتبت بواسطة كلي عنا

السلام عليكم أشكرك أخوي على هذا الهاك الجميل ولكن واجهتني مشكله بعد التركيب وهي ظهور بعض الحروف الانجليزيه بجانب اسما الاعضاء مالحل شاهد هاذي الصور..
https://mwadah.com/images/imgcache/2009/08/262.jpg

وبعض الاعسماء يكون المربع صغير عليها مالحل ايضا .؟
https://mwadah.com/images/imgcache/2009/08/263.jpg

ارجو الرد سريعا

آسفه عالازعاج

---

وعليكم السلام والرحمه

لاشكر على الواجب يالغالي

وكذالك تاكد من نسخ الكود كامل

كود/ المدير العام
المربع الاول
<input type="text" name="rtl" size="12" class="njom1" value="
المربع الثاني
"readonly name="border-style:double; border-width:3px; padding:0; width: ID">


وطريقة تكبير المربع بالكود الاول شوف رقم 12 من هنا تقدر اتكبر المربع وتصغره

وتقبل تحياتي

اقتباس:

---

المشاركة الأصلية كتبت بواسطة ملكة الشوق

[align=center]مشكورررررررررررررر اخوي

[/align]

---

العفو يالغالي
وشكرا على مرورك

وتقبل تحياتي

مشكوور اخوي ع الجهود الجباره لافاده كل جديد

تحيااتي /// هجووره

اقتباس:

---

المشاركة الأصلية كتبت بواسطة المهاجرة باحساس

مشكوور اخوي ع الجهود الجباره لافاده كل جديد

تحيااتي /// هجووره

---

العفو يالغالي
وشكرا على مرورك

وتقبل تحياتي

[align=center][/align]شكرا اخى الكريم وبارك الله فيك

اقتباس:

---

المشاركة الأصلية كتبت بواسطة احـمـد المـصـرى

شكرا اخى الكريم وبارك الله فيك

---

العفو يالغالي ويبارك لك بمثلة
وشكرا على مرورك العطر

وتقبل تحياتي

اخي الكريم المرفق لايعمل
ارجوا اعاده النظر لما افك الملف المضغوط تجي رسالة غلط

اقتباس:

---

المشاركة الأصلية كتبت بواسطة تصاميم

اخي الكريم المرفق لايعمل
ارجوا اعاده النظر لما افك الملف المضغوط تجي رسالة غلط

---

اخي الغالي المرفق شغال ولا في اي شي

على العموم اتفضل رفعت لك الملف بمركز خارجي

http://upload.traidnt.net/dldv3r82641.zip.html

وتقبل تحياتي

اقتباس:

---

المشاركة الأصلية كتبت بواسطة سعد ابراهيم

[caution]:mwalat13:مشكوررر اخى ولكن هل توجد هذه الاضافة فى هاك الموة للاادرة وان كانت موجودة فارجوا شرح تفعيلها:mwalat5:[/caution]

---

الاكواد هذ تضاف يدويا

اقتباس:

---

المشاركة الأصلية كتبت بواسطة ابو معافا

الاكواد هذ تضاف يدويا

---

عاد اتصدق ماشفت رده

ومشكور على الرد وجزاك الله خير