السلام عليكم ورحمة الله وبركاته
شكل المجموعات
شرح التركيب
اولاً حمل المجموعات من المرفقات
ثم ارفع مجلد bg الى داخل مجلد منتداك vb
ثانياً
من لوحة الادارة
مجموعات الاعضاء
تعديل المجموعة ويوضع الكود بالشكل التالي
كود يمين وكود يسار عند كل مجموعه
كل مجموعة حسب كود اللون الخاص بها
صاحب او مؤسس الموقع
اليمين :
اليسار :
/
/
الاعضاء:
اليمين :
اليسار :
/
/
الادارة :
اليمين :
اليسار :
/
/
المراقب
اليمين :
اليسار :
/
/
المشرفه
اليمين :
اليسار :
/
/
المشرف
اليمين :
اليسار :
/
/
عضو مميز
اليمين :
اليسار :
/
/
عضو مبدع
اليمين :
اليسار :
/
/
عضو موقوف
اليمين :
/
/
اليسار :
/
/
الدعم الفني
اليمين :
اليسار :
\
\
\
الخطوة الاخيرة
التحكم بالاستايلات
متغيرات css رئيسي للستايل المطلوب
وضع الكود في مربع تعاريف css الثاني
كما هو موضح عند الرقم 3 في الصورة التاليه
كود PHP |
/*الوان المدير */
.a{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 10pt;
color:#FCF9F9;
padding:0px 5px 0px 5px;
background-image: url(bg/bg.gif);
background-repeat: no-repeat;
background-position: center;
text-align: center;
width:105px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/* الوان الاعضاء*/
.b{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 10pt;
color:#FCF9F9;
padding:0px 5px 0px 5px;
background-image: url(bg/bg3.gif);
background-repeat: no-repeat;
background-position: center;
text-align:center;
width:105px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان الادارة*/
.c{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 10pt;
color:#FCF9F9;
padding:0px 5px 0px 5px;
background-image: url(bg/bg8.gif);
background-repeat: no-repeat;
background-position: center;
text-align:center;
width:105px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان المراقب*/
.d{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 10pt;
color:#FCF9F9;
padding:0px 5px 0px 5px;
background-image: url(bg/bg7.gif);
background-repeat: no-repeat;
background-position: center;
text-align:center;
width:105px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان المشرفه*/
.e{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 10pt;
color:#FCF9F9;
padding:0px 5px 0px 5px;
background-image: url(bg/bg2.gif);
background-repeat: no-repeat;
background-position: center;
text-align:center;
width: 105px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان المشرف*/
.f{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 10pt;
color:#FCF9F9;
padding:0px 5px 0px 5px;
background-image: url(bg/bg4.gif);
background-repeat: no-repeat;
background-position: center;
text-align:center;
width:105px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان مميز*/
.g{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 10pt;
color:#FCF9F9;
padding:0px 5px 0px 5px;
background-image: url(bg/bg6.gif);
background-repeat: no-repeat;
background-position: center;
text-align:center;
width:105px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان الابداع*/
.h{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 10pt;
color:#FCF9F9;
padding:0px 5px 0px 5px;
background-image: url(bg/bg5.gif);
background-repeat: no-repeat;
background-position: center;
text-align:center;
width: 105px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان الموقوف*/
.i{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 10pt;
color:#FCF9F9;
padding: 0px 5px 0px 5px;
background-image: url(bg/bg9.gif);
background-repeat: no-repeat;
background-position: center;
text-align:center;
width:105px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان الدعم الفني*/
.j{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 10pt;
color:#FCF9F9;
padding:0px 5px 0px 5px;
background-image: url(bg/bg1.gif);
background-repeat: no-repeat;
background-position: center;
text-align:center;
width:105px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
|
تحميل المجموعات من
هنا
انتهينا