السلام عليكم ورحمة الله
ألوان المجموعات في مربعات منقطه او بدون مربعات او بداخل مربعات بدون تنقيط
بدوان هاكات متوافق مع المعاير
بتقنية css التي يعشقها جوجل
سهلة التعديل تستطيع تلوين المجموموعة كما تريد
تستطيع وضع مجموعة داخل مربع وتستني مجموعة مثل الهاك
اولا قم بفحص موقعك من خلال الموقع التالي
The W3C Markup Validation Service
بعد التركيب ستجد ان الاخطاء اصبحت اقل بكثير
سرعة في الارشفة
يعطيك سرعة ايضا تحميل صفحات المنتدى
للمعاينة اضغط هنا
--------------------------
الخطوة التالية شرح التركيب
1- امسح اي هاك متعلق بالوان المجموعات
2-لدينا الكودين التالين الكود رقم (1) والكود رقم (2)
ألوان المجموعات في مربعات منقطه او بدون مربعات او بداخل مربعات بدون تنقيط
بدوان هاكات متوافق مع المعاير
بتقنية css التي يعشقها جوجل
سهلة التعديل تستطيع تلوين المجموموعة كما تريد
تستطيع وضع مجموعة داخل مربع وتستني مجموعة مثل الهاك
اولا قم بفحص موقعك من خلال الموقع التالي
The W3C Markup Validation Service
بعد التركيب ستجد ان الاخطاء اصبحت اقل بكثير
سرعة في الارشفة
يعطيك سرعة ايضا تحميل صفحات المنتدى
للمعاينة اضغط هنا
--------------------------
الخطوة التالية شرح التركيب
1- امسح اي هاك متعلق بالوان المجموعات
2-لدينا الكودين التالين الكود رقم (1) والكود رقم (2)
الكود رقم 1
رمز PHP:
رمز PHP:
<span class="a">
الكود رقم 2
رمز PHP: </span>
نقوم بتعديل جميع المجموعات مثل الشرح العلوي
a المدير العام بالون الاحمر داخل مربعات
الفراغ رقم واحد نضع
رمز PHP:
الفراغ رقم اثنين
نضع
رمز PHP:a المدير العام بالون الاحمر داخل مربعات
الفراغ رقم واحد نضع
رمز PHP:
<span class="a">
الفراغ رقم اثنين
نضع
</span>
c المشرف العام بالون الازرق داخل مربعات
الفراغ رقم واحد
رمز PHP:الفراغ رقم واحد
<span class="c">
الفراغ رقم اثنين
رمز PHP:b المشرفين بالون الاخضر داخل مربعات
الفراغ رقم واحد نضع
رمز PHP:الفراغ رقم واحد نضع
<span class="b">
الفراغ رقم 2
رمز PHP: </span>
fالاعضاء بالون السماوي داخل مربعات
الفراغ الاول نضع
رمز PHP:الفراغ الاول نضع
<span class="b">
الفراغ الثاني
رمز PHP: </span>
e نجوم المنتدى بالون الاصفر داخل مربعات
الفراغ الاول
رمز PHP:الفراغ الاول
<span class="e">
الفراغ التالي
رمز PHP: </span>
xالموقوفين مربعات سوداء
الفراغ الاول نضع
رمز PHP:الفراغ الاول نضع
<span class="x">
الفراغ التالي نضع
رمز PHP: </span>
------------------------
انتهينا من تعديل المجموعات
الان نذهب الى الستايل
الذي نستخدمه
التحم بالستايل
انتهينا من تعديل المجموعات
الان نذهب الى الستايل
الذي نستخدمه
التحم بالستايل
ناخذ الكود التالي
رمز Code:
/*الوان المدير */
.a{
border: 1px solid #FF1515;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#FF1515;
border-style:dotted;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
background-repeat:no-repeat;
background-position: right center;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/* الوان المشرفين */
.b{
border: 1px solid #008000;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#008000;
border-style:dotted;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
background-repeat:no-repeat;
background-position: right center;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*المشرفين العوام */
.c{
border:1px solid #0000FF;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#0000FF;
border-style:dotted;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
background-repeat:no-repeat;
background-position: right center;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان الاعضاء */
.f{
border: 1px solid #0695db; dotted
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#0695db;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
text-align:center;
width: 67px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان ستار المنتدى */
.e{
border: 1px solid #ffae1a;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#ffae1a;
border-style:dotted;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
background-repeat:no-repeat;
background-position: right center;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان الموقوفين */
.x{
border: 1px solid #000000;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#000000;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان المدير */
.a{
border: 1px solid #FF1515;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#FF1515;
border-style:dotted;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
background-repeat:no-repeat;
background-position: right center;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/* الوان المشرفين */
.b{
border: 1px solid #008000;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#008000;
border-style:dotted;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
background-repeat:no-repeat;
background-position: right center;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*المشرفين العوام */
.c{
border:1px solid #0000FF;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#0000FF;
border-style:dotted;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
background-repeat:no-repeat;
background-position: right center;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان الاعضاء */
.f{
border: 1px solid #0695db; dotted
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#0695db;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
text-align:center;
width: 67px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان ستار المنتدى */
.e{
border: 1px solid #ffae1a;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#ffae1a;
border-style:dotted;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
background-repeat:no-repeat;
background-position: right center;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان الموقوفين */
.x{
border: 1px solid #000000;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#000000;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
تستطيع تغير الوان المجموعة من خلال الكود الاخير مثال مجموعة المدير
تغير الونها من اللون الاحمر تيغر الاكواد
تغير الونها من اللون الاحمر تيغر الاكواد
رمز PHP:
/*الوان المدير */
.a{
border: 1px solid #FF1515;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#FF1515;
border-style:dotted;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
background-repeat:no-repeat;
background-position: right center;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
.a{
border: 1px solid #FF1515;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#FF1515;
border-style:dotted;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
background-repeat:no-repeat;
background-position: right center;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}