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

Eng Ahmed

ادارة المنتدى
9 مارس 2008
3,318
11
38
www.support-ar.com
السلام عليكم ورحمة الله وبركاته

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

نبداء الشرح

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

444il1xw1.gif


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

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


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

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

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)


مثال
nmr23432rp1.gif



💕
 

المرفقات

  • one.zip
    686 KB · المشاهدات: 1,067
11 سبتمبر 2010
153
0
0
الكويت
www.xn--mgbexi4ejm1abp.com
مشكور اخوي على الشرح الجميل وبارك الله فيك ولاكن الاكواد اللوان المجموعات الموجودة في ملف txt هي فقط 9 مجموعات وهي :

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


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

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

ربيع القلوب

عضو جديد
26 ديسمبر 2010
68
0
0
لكن يا اخي الاكواد محدوده

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

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

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

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

تم مروري