[شرح] : شرح تغير الوان و تنسيق الملف الشخصي في المنتدى

السلام عليكم ورحمة الله وبركاته

اليوم جايب لكم درس اتنمنى انه غير مكرر


الدرس من اعداد الاخ محمد آل جنيف

اقتباس:
المشاركة الأصلية أضيفت بواسطة : المصمم محمد آل جنيف
يسعد لي اوقاتكم اخواني واخواتي الكرام




دعونا نبداء درسنا هذا


اول خطوة هي التوجه الى لوحة التحكم (مكتبي) الموجود في navbar كما تشاهدون الشكل رقم واحد




بعد ذلك عليك التوجة الى لوحة التحكم

سوف تكون على الجهة اليمنى قائمة منسدلة فيها عدت خيارات
قم بالضغط على تنسيق الملف الشخصي كما في الشكل 2




بعد ذلك سوف تقوم الصفحة بتغير الى قائمة الالوان المخصصة كما في الشكل 3 مع الشرح




سوف تلاحظ العبار التالي في اعلى التنسيق

صور الخلفيات يجب أن تكون موجودة مسبقا فى الالبومات الخاصة بك. قم بادخال رابط لاحدى الصور الموجودة فى الالبومات العامة أو في ملف الألبومات الخاصة بك.
العناصر بالترتيب:

-الاساسي-
1- شكل الخط : وتستطيع ان تغير نوع الخط بالخط الذي ترغب به.
2- لون النص اساسي لملف: تستطيع ان تغير لون الى اللون الذي ترغب به.
3-لون النص المظلل: تستطيع ان تغير لون الى اللون الذي ترغب به.
4- لون الرابط التشعبي: تستطيع مع خلاله ان تجعل لون الرابط يختلف عن لونة المعتمد في الاستايل.
5- لون اطار(الحدود): تستطيع ان تجعل اطار ملفك الشخصي بأي لون ترغبه.
6- شكل الاطار: تتوفر لديك خيارات عدة تستطيع أن تختار شكل الاطار المرغوب به سواء منقط او غيرة.
7- سمك الاطار: سواء تريد ان يكون صغير او متوسط او مزدوج وغيرة.
8- الازاحة: من خلاله ان تجعل الازاحة صغيرة او غيرة من الخيارات متاحة لك في الامر.
9- لو الخلفية الاساسيه لملف: تستطيع بذلك ان تغير لون الخلفية لملف لكي يتناسق مع التجهيز الاخير لملف.
10:صورة الخلفية: تستطيع أن تقوم بدارج رابط صورة مخصصة لكي تكون خلفية لملفك بدلاً من تغير اللون

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


- إطار القوالب-
11- لون الأطار: تستطيع من خلال أن تغير محور الاطار الخاص بالقوالب وذلك عبر هذا الخيار.
12- لون الخلفية: تستطيع من خلال الخيار التالي تغير لون الخلفية الخاص بالقوالب عن لون الملف الشخصي.
13- صورة الخلفية: كما ذكرنا مسبقاُ تستطيع تغير الخلفية بصور بدلاً من اللون.

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

-روؤس القوالب الكبيرة-
14- لون الخط: تستطيع من هنا تغير لون الخط الخاص بالقوالب الكبيرة عن لون الخط الخاص بالملف الشخصي والقوالب روؤس الصغيرة.
15-لون الخلفية: من هنا ايضاً تستطيع تغير لون خلفية القوالب الكبيرة عن اللون الاساسي لقوالب والقوالب روؤس الصغيرة
16- صورة الخلفية: تستطيع ادراج صورة لقالب بدالاً من اللون

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


نكمل الدرس مع الشكل 4




-روؤس القوالب الصغيرة-
1- لون الخط: تستطيع من هنا تغير لون الخط الخاص بالقوالب الكبيرة عن لون الخط الخاص بالملف الشخصي والقوالب روؤس الكبيرة.
2- مربع اللون.
3-لون الخلفية: من هنا ايضاً تستطيع تغير لون خلفية القوالب الكبيرة عن اللون الاساسي لقوالب والقوالب روؤس الكبيرة
4- صورة الخلفية: تستطيع ادراج صورة لقالب بدالاً من اللون
5- خيار الاعادة*

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

-نهاية القوالب-
6- لون الخط: تستطيع من هنا تغير لون الخط الخاص بالقوالب الكبيرة عن لون الخط الخاص بالملف الشخصي والقوالب روؤس الكبيرة.
7-لون الخلفية: من هنا ايضاً تستطيع تغير لون خلفية القوالب الكبيرة عن اللون الاساسي لقوالب والقوالب روؤس الكبيرة
8- صورة الخلفية: تستطيع ادراج صورة لقالب بدالاً من اللون

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

- مناطق المحتوى الرئيسية-
9- لون الخط: من هنا تستطيع ان تغير لون الخط الخاص بالمنطقة المحتوى الرئيسي عن لون خط الملف الشخصي.
10-لون الرابط التشعبي: تستطيع من هنا ان تعجل لون الروابط مخالف لجميع الوان الروابط الموجودة في الملف.
11-لون الخلفية: هنا تستطيع ان تخالف لون الخلفية عن جميع القوالب والاشكال لكي تكون منطقة المحتوى مميزة عن البقية.
12- صورة الخلفية: تستيطيع من هنا ان تجعل لخلفية المناطق صورة مخصص بدل من الالون.

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

- مناطق المحتوى الثانوية-
13- لون الخط: من هنا تستطيع ان تغير لون الخط الخاص بالمنطقة المحتوى الرئيسي عن لون خط الملف الشخصي.
14-لون الرابط التشعبي: تستطيع من هنا ان تعجل لون الروابط مخالف لجميع الوان الروابط الموجودة في الملف.
15-لون الخلفية: هنا تستطيع ان تخالف لون الخلفية عن جميع القوالب والاشكال لكي تكون منطقة المحتوى مميزة عن البقية.
16- صورة الخلفية: تستيطيع من هنا ان تجعل لخلفية المناطق صورة مخصص بدل من الالون.

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



وصلنا الى الشكل رقم 5 والاخير


- التحكم-
1-شكل الخط: هنا تستطيع ان تجعل لخط التحكم شكل خاصة به.
2-حجم الخط: تستطيع تغير حجم الخط الى الحجم المرغب به.
3-لون النص: تستطيع تغيرة لكي لا يكون مشابه مع النصوص الاخرى.
4-لون الاطار: تستطيع من هنا ان تجعل لتحكم اطار خاصة به مخالف عن غيرة.
5-شكل الاطار: كما ذكرنا تستطيع ان تجعل لاطار شكل خاص سواء مزدوج او منقط وغيره من الخيارات المتاحة لك.
6-سمك الاطار: تستطيع ان تختار السمك المراد به عبر هذا الخيار.
7-لون الخلفية: من الواضح اختلاف القوالب في الملف فلابد ان يكون لتحكم لون خاص به وعبر الخيار التالي تستطيع فعل ذلك.
8-صورة الخلفية: خيار يتيح لك ان تضع صورة بدلاً من لون معين.

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


بعد ذلك تجد ثلاث ازرار مخصصة

قم بالضغط على حفظ التغيرات

مثلا بعد التطبيق سوف يكون ملف بهذا التغير وعلى حسب اختيارك للالوان
http://www.bnat-sh.com/member.php?u=2


اتمنى لجميع الاعضاء والزوار التوفيق والسداد


اخوكم
المصمم محمد آل جنيف



موضوع المصدر
http://www.bnat-sh.com/showthread.php?t=12032