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

اقدم لكم اليوم هاك جميل جدا
تلوين النكات مع خلفيات متحركه وجميله

نبداء الشرح

اولا هذه صوره للهاك


http://img116.imageshack.us/img116/8848/444il1xw1.gif


وهذا مثال حي على الهاك

خطوات التركيب


من القائمة الرئيسيه للوحة تحكم المنتدى اختر
الاستايلات والقوالب

اختر التحكم بالاستايلات


http://img380.imageshack.us/img380/4366/2252cq1.jpg


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


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




__________________________________________________ ____________________

تعديل على المجموعات



وهذي نفس المجموعات اللي في منتدى نجوم قطر

كود/ المدير العام
المربع الاول

كود/ نائب المدير
المربع الاول

كود/ إداريين
المربع الاول

كود/ المشرفين
المربع الاول

كود/ عضو VIP
المربع الاول

كود/ عضو مميز
المربع الاول

كود/ عضو جديد
المربع الاول

كود/ ألاعضاء الذين يَنتظرونَ تأكيدَ بريد إلكتروني
المربع الاول

كود/ عضو موقوف
المربع الاول

=======================================
وضع هذا الكود في المستطيل الاول في اي مجموعة مع مرعاة تغيير اللون blue الى اللون المختار للمجموعة


============================
وبعد ذلك تقوم برفع ملف المرفق إلى داخل منتداك (vb)


مثال
http://img123.imageshack.us/img123/9849/nmr23432rp1.gif


:bye1:

شكراا لك جميل جداا

اشكرك على الشرح

تسسسسسسسسسسسسسسسسلم

بارك الله فيك

عاشت إيديك :icon30:

تسلم ربنا يبارك فيك يا غالي والله محتاجه جدا وتم التركيب


www.elmohnds.com/vb

مشكور اخوي على الشرح الجميل وبارك الله فيك ولاكن الاكواد اللوان المجموعات الموجودة في ملف txt هي فقط 9 مجموعات وهي :

- المدير العام
- نائب المدير العام
- الاداريين
- المشرفين
- عضو VIP
- عضو مميز
- عضو جديد
- الاعضاء الذين ينتظرون التأكيد البريد الألكتروني
- عضو موقوف


ولو دخلت على مجلد color لوجدت بداخلة 24 الوان مجموعات !!

هل يمكن أحضار باقي أكواد هذة المجموعات ولكم مني خالص الشكر والتقدير

لكن يا اخي الاكواد محدوده

يعني الاكواد لي وجدناها

ليست لكل الخلفات لفئه

محدوده فقط يا ريت تكرم

تنزل لينا كل الاكواد الخاصه بهد الخلفيات

تم مروري