[شرح] : شرح تلوين النكات مع خلفيات متحركه وجميله - الوان المجموعات

xman2 · 03-22-2009, 01:10 AM

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

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

نبداء الشرح

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

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

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

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

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

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

مثال

الملفات المرفقة

one.zip (686.0 كيلوبايت)

المصدر: :: vBspiders Professional Network ::

FavpD : avp jg,dk hgk;hj lu ogtdhj ljpv;i ,[ldgi - hg,hk hgl[l,uhj

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
شرح تلوين أسماء المجموعات أو تغيير حجمهم بدون هاكات	xman2	قســم تطويــر المــــواقع	3	07-04-2010 06:22 AM
بدون هاكات , تلوين اسماء المجموعات	ToRn4Do	قســم تطويــر المــــواقع	1	02-12-2010 01:05 PM
بدون هاكات , تلوين اسماء المجموعات	ToRn4Do	قســم تطويــر المــــواقع	4	01-10-2010 12:34 PM
[Product] : ألوان المجموعات المتقدمه بحلتها الجديده مربعات-الوان عاديه-مربعات منقطه-الوان متحركه-	xman2	قســم تطويــر المــــواقع	0	08-10-2009 12:20 PM
طلب هاك الوان المجموعات	xman2	قســم تطويــر المــــواقع	0	06-18-2009 12:40 AM

التواصل المباشر مع الادارة والاعضاء القدامى من خلال قناة التلغرام

[شرح] : شرح تلوين النكات مع خلفيات متحركه وجميله - الوان المجموعات

قســم تطويــر المــــواقع