تصميم فريم او اطار للمنتدى استايل متواضع شرح بالصور والتفصيل الممل

[alamuae.com]

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

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

الخطوه الاولى بتكون تصميم الإطار على الفوتوشوب طبعا كل واحد وأبداعه الشخصي وعلى سبيل المثال هذا الإطار اللي راح نشتغل عليه بعد مانكون إنتهينا من التصميم


الخطوه الثانيه تقطيع الإطار إلى أربع زوايا وأربع أوساط
راح نبداء بالزوايا


القص عن طريق (( ctrl x ))
من الكيبورد كنترول وزر اكس يعني قص
طبعا مافي داعي اقطع اربع زوايا بكتفي بزوايه وحده واقدر اعكس الاتجاه واتحكم فيها مثل ماهو موضح


الصوره هاي لزوايه اليسار راح نعكسها لزاويه اليمين طبعا بعد مانخزنها يسار راح نبداء نعكس



راح تنعكس معانا الصور وتصبح الزاويه اليمين


نخزن اليمين (( بيكون معانا يمين ويسار الزوايا اللي فوق ))
الخطوه التليه الزوايا الارضيه


الحين معانا الزاويه اليمين ارضيه باقي اليسار تابع الشرح


بالطريقه هاي بيكون معانا اربع زوايا باقي الأوساط الأربعه راح نتبع نفس الخطوات ولابد يكون حجم الصوره اللي نقصها نفس الحجم السابق وهذا يعتمد على نوع الإطار والزوايا اللي فيه والشكل ..

علشان تطلع الزوايا نفس حجم الأوساط نتبع الخطوه التاليه


::::::::::::::::::::::::
تابع الشرح في الرد
::::::::::::::::::::::::

[alamuae.com]

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





اربع اوساط للمربع

[alamuae.com]

الخطوه التاليه تجميع الاطار على الفرونت بيج ووضع كود التمبلت اتبع الخطوات التاليه نفتح (( 9 )) جداول


الخطوه التاليه رايت كلك على الجدول ونختار الخصايص مثل ماهو موضوح بالصوره


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


راح يكون معانا 9 جداول شفافه والحين نجمع الصور

(( ملاحظه هامه ))
الزوايها عن طريق ادراج صوره من ملف
::::::::
الاوساط ادراج خليه

السبب الاوساط تتمدد مع المنتدى لو ادرجناها صوره من ملف راح تطلع بحجمها الطبيعي بالمنتدى ..

1- ادراج صوره من ملف لزواااااااااااايا واول صوره مثال اعلى اليمين



وبطلع معانا الشكل هذا


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

[alamuae.com]

::::::::::::::::::

الخطوه التاليه الاوساط عباره عن خلايا لاحظ الخطوات اول خليه الوسط اليمين مثل ماهو موضح بالصوره


تابع
نضغط على استعراض وبحث عن صورة الوسط اليمين وبعدها تطبق موافق


وبيكون معانا الشكل التالي وراح نلاحظ تكرر الوسط اليمين طنششششش وكمل باجي الاوساط


بعد مانكمل باجي الاوساط راح يطلع لنا الشكل التالي


الخطوه التاليه شد الزوايا بالمواس لين يصبح الشكل متناسق لاحظ الصوره التاليه طبعا هذا في الوضع العادي


اما في وضع المعاينه برفيووو راح يتغير الشكل لاحظ


:::::::::::::::::::::

الحين المرحله الأخير وضع الكود حق التمبلت وعلى سبيل المثال تمبلت forumhome راح نختار توسيط مثل ماهو باين في الصوره الماوس في الوسط



نختار بعدها من الاسفل وضع كود html


ونفس المكان اللي راح نحصل فيه الماوس نسوي لصق لمحتويات التمبلت بدون مانغير ماكان الماوس


الخطوه التاليه معايه برفيووووووو وراح يطلع معاك تمبلت الفروم هوم كامل يعني محتويات الهدر والفاوتر والجالس كلهم في الاطار وطبعا هذا يعتمد على رغبتك



الخطوه الأخيره نرفع الصور (( 8 )) لمجلد الــvb
وننقل الكود لتمبلت الــforumhome نفس الخطوات تقدر تطبقها مع تمبلت الـ forumdisplay فقط نرجع للفرونت بيج نسوي تراجع ونحط كود التمبلت ومايحتاي نرفع الصوره وكذلك مع تمبلت الــshowthread

وهذا ملف يحتوي على الصور وعلى الشرح txt


وهذا مثال على الدرس كامل

http://www.menbar.net/vb
أو
www.alamuae.com/vb
او
www.alamuae.com

واتمنى للجميع التوفيق ولا تنسونا من خالص الدعاء
جزاكم الله كل خير ..

[alamuae.com]

وهذا الموضوع كامل بدون وقفات وردود

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


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

[ra3i alma7baa]

الله يعطيك الف عافيه يا بوسيف...

وجعلها في ميزان حسناتك ...

وشرح في قمه الروعة..

[alamuae.com]

العف اخوي راعي المحبه واي توضيح انا حاظر
باللي اقدر عليه

وبالتوفيق للجميع

[fantom6]

يعطيك الف عافيه اخوي alamuae.com

وكثر الله من امثالك

وابشر بالاسئله تجيك الحين الاسئله

[msu]

تسلم حبيب ألبي على هيك شرح مابيخرش الميه


لنا في الماسنقر لقاء

[الساحل الغربي]

يعطيك العافيه اخوي ... شرح ولا اروع راح اطبق واهديك اروع اطار

[alamuae.com]

نفس الاطار بعدة الوان وعليكم التقطيع والتركيب

fantom6
الله يخليك ويبقيك اخوي
والجود بالموجود

msu
حبيب البي وانا انتظرك

الساحل الغربي
تسلم الغالي وهديتي توصيل المعلومه


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

على فكره يشرح بالعصى الدب

[malswidan]

تسلم اخوي alamuae.com

شرح رائع ماشاء الله , بالتوفيق اخوي وما قصرت

اخوك ابو بدر

[ice]

alamuae ...

تسلم أخوي على شرحك الجميل ويزاك الله الف خيير ..

تحياتي

[alamuae.com]

malswidan
الله يوفق الجميع وتسلم الغالي

ice
ومن قال سال اخوي
وبالتوفيق

[ra3i alma7baa]

حيرىىىىىىى...لااا اقصد بوسيف..

اقوول الله يعطيك الف عافيه

حركاات