بسم الله الرحمن الرحيم

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

أخوي صالح أبقي منك طلب

أرجو بس مازعجتكم بطلبات


أبقي مثل هذا الالون
المثال الموجود تفضل المثل

أرجو الضغط عليه الصورة عشان تشوف الصورة واضح
http://www.gulfup.com/lives/12729070741.jpg (http://www.gulfup.com/info.htm)

عندي الشكل القديم أبقي هذا الشكل
أبقيك تساعدني

أخوك : بوراكان

وعليكم السلام ورحمة الله وبركاته
افا عليكـ اخوي بو راكان اي ازعاج تتكلم عنه
بالعكس تحتـ امركـ =)
تدلل انت بس

و طلبكـ ان شاء الله تجده في هذا الموضوع تفضل

http://hmsaat.com/vb/showthread.php?t=21129

دمت في حفظ الرحمن ورعايته

مشكورررررررررررررر أخوي صالح

أخوي صالح مثل هذا الالوان عندي بس الصورة لي الموجود عند الالوان يختلفون عن لي عندي

أنت كبر الصورة راح تشوف الالوان المربعات أوضح

السلام عليكم ورحمة الله وبركاته

اخي تفضل هذا طلبك ان شااء الله

اولا تدخل على لوحة المنتدى > الاستايلات والقوالب > التحكم بالاستايلات

تختار لـ ستايل يلي عندك ومنه تختار رئيسي css تنزل اخر الصفحه

تلقى مربعين تضيف هذا الكود كامل بالمربع الثاني

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



وبعدها تضيف هذه الأكواد الى مجموعات الأعضاء



تعديل على المجموعات
وهذي نفس المجموعات
كود/ المدير العام
المربع الاول
<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)

مثال
http://upload.traidnt.net/upfiles/NMr23432.jpg (http://upload.traidnt.net/)



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


هذا الشرح كامل اخوي وان شااء الله اني وفقت بالشرح



ملاحظه : يجب حذف الهاك القديم اولا او ايقاف الهاك

وحذفه بعد تركيب هذا

وارجو اخذ نسخه لتعاريف css ان وجدت

هلا اخوي بو راكان هذا يالغالي الاصدار الجديد من الهاك وفيه
عدة الوان حاول ترفع الهاك من جديد حتى تظهر لكـ بقية الاشكال
و اخوي همسات فارس ما قصر الله يحفظه :)
ان شاء الله تكون استفدت مما قدم
لكـ و وصلت لمرادك ..
و دائما في الخدمة يالغالي ما يردكـ
الا لسانكـ كلنا راهنين اشارتكم =)

دمتم في حفظ الرحمن ورعايته

تسلم يمناك أخوي صالح

عسا الله لايحرمنا منك ولامن أبداعك وتميزك


أصراحه أحرجتني بطيبك الرائع