الوان المجموعات الجديده مع شرح التركيب الشامل بالصور

[ALIGN=CENTER][TABLETEXT="width:80%;background-image:url('file:///C:/Users/h/Desktop/roL7H.gif');"][CELL="filter:;"][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][/CELL][/TABLETEXT][/ALIGN]

كل الشكر والامتنان على روعة وجمالية طرحك

دائما متميزة في الانتقاء
سلمت يالغالية على روعه طرحك
نترقب المزيد من جديدك الرائع
دمت ودام لنا روعه مواضيعك

مهدي
أسعدني مرورك العطر

لي عوده قريبه

شكرا ريماس

تَألقٌ وَ تَميُّزْ وإبداعْ في الطرحْ الْمفيد..

لا حُرمنَآ أنَآملْ تُقدم الأمثل والأفضل دومًاْ..

مزيدَا منَ الإبداع أنتظِرهْ , !

بآقآت ـالشكر ‏وـآالتقدير ـاإقدمهآ لك

أتفق بما جاء في
مضمون هذه المشاركة
عن الالوان المتحركة

وأنا عن نفسي أراها أيضاً
مزعجة ..
ريماس ..شاكرة لكِ لاثرائنا
بهذه المشاركة الجميلة
والمفيدة

طرح مميز وانتقاء ثري للمتلقي

جهد مميز ورائع سلمت الايادي

سوسنتي الحلوة

احمد الحلو