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

[ALIGN=CENTER][TABLETEXT="width:80%;background-image:url('file:///C:/Users/h/Desktop/roL7H.gif');"][CELL="filter:;"][ALIGN=center]

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

السلام عليكم

لا خير في كاتم العلم

الكثير يستخدم منتجات سهلةالتركيب ولكن من لا يعلم تراكم هذه المنتجات او كبر حجم الصور دائما يؤدي الى اداء سلبي على التصفح

تابعت الكثير من المواقع الوان الاعضاء والمجموعات متحركه وانا اعتبرها مزعجه لها جماليه قليله ولكن سلبيتها في كبر حجمها وايضا اختلاف حجمها من متصفح لاخر فمثلا قوقل كروم يجدها صغيره والاكسبلولر عاديه وعليه تم التعديل لتناسب كل المتصفحات

اطرح لكم اليوم الطريقة المستخدمه بدون منتجات مع عدد 15 لون مناسب للمجموعات مع شرح شامل لطريقة التركيب بالصور

مثال

http://www.3deeel.com/vb/back-grow/5.jpg

نبدأ بسم الله

حمل الصور المرفقه لك وارفع مجلد back-grow مباشره الى داخل مجلد المنتدى

اذهب الى لوحة التحكم

الاستايلات

اختار الاستايل المستخدم لديك واضغط على كلمة (اذهب)

شكل (1)

http://www.3deeel.com/vb/back-grow/1.jpg

انزل بالاسفل الى (تعاريف CSS الإضافية/Additional CSS Definitions)

شكل (2)

http://www.3deeel.com/vb/back-grow/2.jpg

ضع في الاسفل ان كانت اكود موجوده محتوى الملف النصي المرفق لك باسم (كود الوان المجموعات)

احفظ العمل

(كرر العمليه في جميع الاستايلات التي تستخدمها او التي ظاهره للاعضاء)

انتقل الى مجموعات الاعضاء ===> التحكم بالمجموعات واختار المجموعه تلو الاخرى حسب اللون المطلوب

مثال مجموعة الاداره - http://www.3deeel.com/vb/back-grow/6.jpg

شكل (3)

http://www.3deeel.com/vb/back-grow/3.jpg

تعديل

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

شكل (4)

http://www.3deeel.com/vb/back-grow/4.jpg

في الخانه اليمين سنضع رمز اللون الاحمر مثال
<input type="text" name="T1" size="17" class="red" value=" لاحظ كلمة red هي الرمز المستخدم في لون هذه المجموعه

في الخانه اليسار نضع رمز المربع مثال

" readonly style="width: 90">

وبعدها حفظ

لونالمجموعات حسب ذوقك واختيارك ولك الحريه بانتقاء الالوان وهذه الاكواد مرفقه لك بالتفصيل

====================================

الاحمر رمزه red

http://www.3deeel.com/vb/back-grow/red.gif

الكود الايمن

<input type="text" name="T1" size="17" class="red" value=" الكود الايسر

" readonly style="width: 90"> ==============================

الاخضر رمزه green

http://www.3deeel.com/vb/back-grow/green.gif

الكود الايمن
<input type="text" name="T1" size="17" class="green" value=" الكود الايسر
" readonly style="width: 90"> ==============================

الازرق رمزه blue

http://www.3deeel.com/vb/back-grow/blue.gif

الكود الايمن

<input type="text" name="T1" size="17" class="blue" value=" الكود الايسر

" readonly style="width: 90"> ==============================

البني رمزه brown

http://www.3deeel.com/vb/back-grow/brown.gif

الكود الايمن
<input type="text" name="T1" size="17" class="brown" value=" الكود الايسر
" readonly style="width: 90"> ==============================

العنابي رمزه dark-red

http://www.3deeel.com/vb/back-grow/dark-red.gif

الكود الايمن
<input type="text" name="T1" size="17" class="dark-red" value=" الكود الايسر
" readonly style="width: 90"> ==============================

الذهبي رمزه gold

http://www.3deeel.com/vb/back-grow/gold.gif

الكود الايمن

<input type="text" name="T1" size="17"class="gold" value=" الكود الايسر
" readonly style="width: 90"> ==============================

ابيض وذهبي رمزه gold-white

http://www.3deeel.com/vb/back-grow/gold-white.gif

الكود الايمن
<input type="text" name="T1" size="17"class="gold-white" value=" الكود الايسر
" readonly style="width: 90"> ==============================

السماوي رمزه heavenly

http://www.3deeel.com/vb/back-grow/heavenly.gif

الكود الايمن
<input type="text" name="T1" size="17"class="heavenly" value=" الكود الايسر
" readonly style="width: 90"> ==============================

البيج رمزه light

http://www.3deeel.com/vb/back-grow/light.gif

الكود الايمن
<input type="text" name="T1" size="17"class="light" value=" الكود الايسر
" readonly style="width: 90"> ==============================

اخضر فاتح رمزه light-green

http://www.3deeel.com/vb/back-grow/light-green.gif

الكود الايمن
<input type="text" name="T1" size="17"class="light-green" value=" الكود الايسر
" readonly style="width: 90"> ==============================
الوردي رمزه pink
http://www.3deeel.com/vb/back-grow/pink.gif
الكود الايمن

<input type="text" name="T1" size="17"class="pink" value=" الكود الايسر
" readonly style="width: 90"> ==============================
الرصاصي رمزه silver
http://www.3deeel.com/vb/back-grow/silver.gif
الكود الايمن

<input type="text" name="T1" size="17"class="silver" value=" الكود الايسر

" readonly style="width: 90"> ==============================
البنفسجي رمزه violet
http://www.3deeel.com/vb/back-grow/violet.gif
الكود الايمن
<input type="text" name="T1" size="17"class="violet" value=" الكود الايسر
" readonly style="width: 90"> ==============================
الاصفر رمزه yellow
http://www.3deeel.com/vb/back-grow/yellow.gif
الكود الايمن
<input type="text" name="T1" size="17"class="yellow" value=" الكود الايسر
" readonly style="width: 90"> ==============================
اخير مجموعة الموقوفين ورمزها band
http://www.3deeel.com/vb/back-grow/band.gif
الكود الايمن
<input type="text" name="T1" size="17"class="band" value=" الكود الايسر
" readonly style="width: 90"> ==============================
اتمنى ان يكون الشرح وافيا للجميع
مرفق لكم جميع الملفات المطلوبه والكود الخاص بالوان المجموعات
بالتوفي

منقوووووول

[/ALIGN][/CELL][/TABLETEXT][/ALIGN]