مربعات الوان المجموعات بتقنية css بدون هاكات

[أرب جمـال]

مربعات الوان المجموعات بتقنية css بدون هاكات


مميزاتها ::

◄ تخفيف الاخطاء بنسبة كبيرة في منتداك
◄ تسريع منتداك وذلك بتخلي عن الهاكات
◄ التحكم بالالوان حسب رغبتك
◄استثناء اي مجموعه تريد من الالوان .

تنبيه هام : آمسح اي هاك خـاص بألوان المجموعات .


نبدأ التركيب ::

افـتح لوحة التحكم
مجموعات الاعضاء
ثم التحكم بالمجموعات
اضغط تعديل على المجموعة التي تريد تغير اللون لها
ضع الكود رقم واحد من اليمين ورقم اثنين من الشمال غير المربعات

الكود رقم 1

كود PHP

<span class="a">

الكود رقم 2

كود PHP

</span>

بعد ذلك نعديل جميع المجموعات حسب الرغبة

a المدير العام بالون الاحمر داخل مربعات
الفراغ رقم1

كود PHP

<span class="a">

الفراغ رقم 2
نضع

كود PHP

</span>

المشرف العام بالون الازرق داخل مربعات
الفراغ رقم 1

كود PHP

<span class="c">

الفراغ رقم 2

كود PHP

</span>

المشرفين بالون الاخضر داخل مربعات
الفراغ رقم 1 نضع

كود PHP

<span class="b">

الفراغ رقم 2

كود PHP

[LEFT]</span> [/LEFT]  [LEFT][/LEFT]

الاعضاء بالون السماوي داخل مربعات
الفراغ 1نضع

كود PHP

[LEFT]<span class="b"> [/LEFT]  [LEFT][/LEFT]

الفراغ 2

كود PHP

[LEFT]</span> [/LEFT]  [LEFT][/LEFT]

e نجوم المنتدى بالون الاصفر داخل مربعات
الفراغ 1

كود PHP

[LEFT]<span class="e"> [/LEFT]  [LEFT][/LEFT]

الفراغ 2

كود PHP

[LEFT]</span> [/LEFT]  [LEFT][/LEFT]

الموقوفين مربعات سوداء
الفراغ 1نضع

كود PHP

[LEFT]<span class="x"> [/LEFT]  [LEFT][/LEFT]

الفراغ 2 نضع

كود PHP

[LEFT]</span> [/LEFT]  [LEFT][/LEFT]

------------------------
انتهينا من تعديل المجموعات
بعد ذلك نذهب الي الاستايل المراد التعديل عليه .



ثم نختار الستايل الذي نستخدمه

ثم الرئيسية css من القائمة

ناخذ الكود التالي

كود 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;}/*  الوان المشرفين */.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; dottedcursor: 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;}

نضعه بالمربع التانى كما موضوح بالصورة



حفظ

ملاحظة هامة : اذا حاب تغير الا لوان تقدر تغير من الكود الاخير لكل مجموعه حسب رغبتك .


تم بحمد الله .

[سيدة الدفتر]

شكرا غاليتي للإفادة

لا حرمنا منك أبدا

قبلة لروحك

[ابو فداء]

يسلموووو
جهد راقي
سلمتي