[ALIGN=center] الوان المجموعات الجديده مع شرح التركيب الشامل بالصور
السلام عليكم
لا خير في كاتم العلم
الكثير يستخدم منتجات سهلةالتركيب ولكن من لا يعلم تراكم هذه المنتجات او كبر حجم الصور دائما يؤدي الى اداء سلبي على التصفح
تابعت الكثير من المواقع الوان الاعضاء والمجموعات متحركه وانا اعتبرها مزعجه لها جماليه قليله ولكن سلبيتها في كبر حجمها وايضا اختلاف حجمها من متصفح لاخر فمثلا قوقل كروم يجدها صغيره والاكسبلولر عاديه وعليه تم التعديل لتناسب كل المتصفحات
اطرح لكم اليوم الطريقة المستخدمه بدون منتجات مع عدد 15 لون مناسب للمجموعات مع شرح شامل لطريقة التركيب بالصور
مثال
نبدأ بسم الله
حمل الصور المرفقه لك وارفع مجلد back-grow مباشره الى داخل مجلد المنتدى
اذهب الى لوحة التحكم
الاستايلات
اختار الاستايل المستخدم لديك واضغط على كلمة (اذهب)
شكل (1)
انزل بالاسفل الى (تعاريف CSS الإضافية/Additional CSS Definitions)
شكل (2)
ضع في الاسفل ان كانت اكود موجوده محتوى الملف النصي المرفق لك باسم (كود الوان المجموعات)
احفظ العمل
(كرر العمليه في جميع الاستايلات التي تستخدمها او التي ظاهره للاعضاء)
انتقل الى مجموعات الاعضاء ===> التحكم بالمجموعات واختار المجموعه تلو الاخرى حسب اللون المطلوب
مثال مجموعة الاداره - 
شكل (3)
تعديل
في المربع الايمن ضع الكود حسب اللون الموجود فيالوان المجموعات فمثلا ارغب بمجموعة الاداره ان يكون لونها احمر
شكل (4)
في الخانه اليمين سنضع رمز اللون الاحمر مثال
<input type="text" name="T1" size="17" class="red" value=" لاحظ كلمة red هي الرمز المستخدم في لون هذه المجموعه
في الخانه اليسار نضع رمز المربع مثال
" readonly style="width: 90">
وبعدها حفظ
لونالمجموعات حسب ذوقك واختيارك ولك الحريه بانتقاء الالوان وهذه الاكواد مرفقه لك بالتفصيل
====================================
الاحمر رمزه red
الكود الايمن
<input type="text" name="T1" size="17" class="red" value=" الكود الايسر
" readonly style="width: 90"> ==============================
الاخضر رمزه green
الكود الايمن
<input type="text" name="T1" size="17" class="green" value=" الكود الايسر
" readonly style="width: 90"> ==============================
الازرق رمزه blue
الكود الايمن
<input type="text" name="T1" size="17" class="blue" value=" الكود الايسر
" readonly style="width: 90"> ==============================
البني رمزه brown
الكود الايمن
<input type="text" name="T1" size="17" class="brown" value=" الكود الايسر
" readonly style="width: 90"> ==============================
العنابي رمزه dark-red
الكود الايمن
<input type="text" name="T1" size="17" class="dark-red" value=" الكود الايسر
" readonly style="width: 90"> ==============================
الذهبي رمزه gold
الكود الايمن
<input type="text" name="T1" size="17"class="gold" value=" الكود الايسر
" readonly style="width: 90"> ==============================
ابيض وذهبي رمزه gold-white
الكود الايمن
<input type="text" name="T1" size="17"class="gold-white" value=" الكود الايسر
" readonly style="width: 90"> ==============================
السماوي رمزه heavenly
الكود الايمن
<input type="text" name="T1" size="17"class="heavenly" value=" الكود الايسر
" readonly style="width: 90"> ==============================
البيج رمزه light
الكود الايمن
<input type="text" name="T1" size="17"class="light" value=" الكود الايسر
" readonly style="width: 90"> ==============================
اخضر فاتح رمزه light-green
الكود الايمن
<input type="text" name="T1" size="17"class="light-green" value=" الكود الايسر
" readonly style="width: 90"> ==============================
الوردي رمزه pink
الكود الايمن
<input type="text" name="T1" size="17"class="pink" value=" الكود الايسر
" readonly style="width: 90"> ==============================
الرصاصي رمزه silver
الكود الايمن
<input type="text" name="T1" size="17"class="silver" value=" الكود الايسر
" readonly style="width: 90"> ==============================
البنفسجي رمزه violet
الكود الايمن
<input type="text" name="T1" size="17"class="violet" value=" الكود الايسر
" readonly style="width: 90"> ==============================
الاصفر رمزه yellow
الكود الايمن
<input type="text" name="T1" size="17"class="yellow" value=" الكود الايسر
" readonly style="width: 90"> ==============================
اخير مجموعة الموقوفين ورمزها band
الكود الايمن
<input type="text" name="T1" size="17"class="band" value=" الكود الايسر
" readonly style="width: 90"> ==============================
اتمنى ان يكون الشرح وافيا للجميع
مرفق لكم جميع الملفات المطلوبه والكود الخاص بالوان المجموعات
بالتوفي منقوووووول
[/ALIGN]