ط§ظ„ظˆط§ظ† ط§ظ„ظ…ط¬ظ…ظˆط¹ط§طھ ط¨ط¯ظˆظ† ظ‡ط§ظƒط§طھ ط¨طھظ‚ظ†ظٹط© css ط¯ط§ط®ظ„ ظ…ط±ط¨ط¹ط§طھ



السلام عليكم ورحمة الله
ألوان المجموعات في مربعات منقطه او بدون مربعات او بداخل مربعات بدون تنقيط
بدوان هاك productات متوافق مع المعاير
بتقنية css التي يعشقها جوجل GOOGLE
سهلة التعديل تستطيع تلوين المجموموعة كما تريد
تستطيع وضع مجموعة داخل مربع وتستني مجموعة مثل الهاك product
اولا قم بفحص موقعك من خلال الموقع التالي
The W3C Markup Validation Service
بعد التركيب install ستجد ان الاخطاء اصبحت اقل بكثير
سرعة في الارشفة indexation
يعطيك سرعة ايضا تحميل صفحات المنتدى forum
للمعاينة اضغط هنا



--------------------------
الخطوة التالية شرح طريقة التركيب install
1- امسح اي هاك product متعلق بالوان المجموعات
2-لدينا الكود codeين التالين الكود code رقم (1) والكود code رقم (2)


الكود code رقم 1
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="a">
</code> </code>


الكود code رقم 2
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>



سنتعرف كيف نضع لكل مجموعة كود codeها
افتح لوحة التحكم
التحكم بالمجموعات

اضغط تعديل على المجموعة التي تريد تغير اللون لها

ضع الكود code رقم واحد من اليمين ورقم اثنين من الشمال فير المربعات مثل الصورة

نقوم بتعديل جميع المجموعات مثل الشرح طريقة العلوي
a المدير العام بالون الاحمر داخل مربعات
الفراغ رقم واحد نضع
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="a">
</code> </code>


الفراغ رقم اثنين
نضع
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>



c المشرف العام بالون الازرق داخل مربعات
الفراغ رقم واحد
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="c">
</code> </code>



الفراغ رقم اثنين
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>



b المشرفين بالون الاخضر داخل مربعات
الفراغ رقم واحد نضع
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="b">
</code> </code>


الفراغ رقم 2
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>



fالاعضاء بالون السماوي داخل مربعات
الفراغ الاول نضع
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="b">
</code> </code>


الفراغ الثاني
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>


e نجوم المنتدى forum بالون الاصفر داخل مربعات
الفراغ الاول
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="e">
</code> </code>


الفراغ التالي
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>



xالموقوفين مربعات سوداء
الفراغ الاول نضع
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="x">
</code> </code>


الفراغ التالي نضع
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>


------------------------
انتهينا من تعديل المجموعات
الان نذهب الى الستايل style
الذي نستخدمه
التحم بالستايل style

ثم نختار الستايل style الذي نستخدمه
الرئيسية css من القائمة

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

رمز Code:
/*الوان المدير */ .a{ border: 1px solid #FF1515; cursor: pointer; font-family: &quot;Microsoft Sans Serif&quot;; 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: &quot;Microsoft Sans Serif&quot;; 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: &quot;Microsoft Sans Serif&quot;; 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: &quot;Microsoft Sans Serif&quot;; 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; } /*الوان ستار المنتدى forum */ .e{ border: 1px solid #ffae1a; cursor: pointer; font-family: &quot;Microsoft Sans Serif&quot;; 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: &quot;Microsoft Sans Serif&quot;; 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; }
نقوم بالصقه داخل المربع الاخير

تستطيع تغير الوان المجموعة من خلال الكود code الاخير مثال مجموعة المدير

تغير الونها من اللون الاحمر تيغر الاكواد
رمز PHP:
<code style="white-space:nowrap"> <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;
}
</code> </code>

واي استفسار انا حاضر
بدون حقوق بدون تقيم
مجرد الدعاء لي ولوالدية



التعديل الأخير كان بواسطة منارة سورية; 16 - 09 - 2014 الساعة 07:50




©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©