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

بسم الله الرحمن الرحيم
اخواني واخواتي يسعد اوقاتكم اينما كنتم
والان سوف اتحدث عن تركيب منتدى VB
تركيب جميع الهاكات ، صندوق ماسي ، كشق الرسائل الخاصه
الخ + اضافة صور شخصيه + اضافات ابتسامات وايقونات مشاركه
مع حمايه كامله وسد الثقرات من المخترقين
نبدا ألان في طريقة العمل

التوزيع في الفرونت بيج


افتح الفرونت بيج (Microsoft Office FrontPage)
وانزل على اسفله وبتشوف مثل هذي الصوره




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



ويكون بهذا الشكل


من اسفل الفرونت بيج اضغط على كلمة تصميم عشان تبدأ الشغل



ومن على سطح الفرونت بيج اضغط على خصائص الصفحه (طبعا بطرف الماوس الايمن)




اخترت خصاص الصفحه

الأن اختار من اليمين الى اليسار ثم اعتمد




قلبت الشاشه من اليمين الى اليسار اوكيه

طيب نذهب الى ايقونه الجداول واختر 9 جداول



و تنزل في الفرونت بيج بهذا الشكل



اضغط في اي مكان يعجبك على الجدول بالماوس الايمن واختر خصاص الجدول



ألان اعطها القيم التاليه .... ثم اعتمد



ويصبح الجدول بهذا الشكل ... منقط خفي



لاحظ معي هذي الصوره ولازم تركز عليها





تشوف الصوره التي من شويه

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

انتبهوا الله يرحم والديكم

عندنا اربعه زوايا = ادراج صوره نستخدم هذه الاداه

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

الصوره هذه ترجمه لما سيحصل في الجدول



الأن نبدا ندرج اربع زوايا عن طريق هذي الصوره

شوف كبف اصبح الجدول



خلصنا الاربع زوايا

ألان نذهب نخط صور الاوساط

التي يتذكر ان وين قلت من قبل

قلت نخط للاوساط خلفيات باستخدام الماوس الايمن ونختار خصائص الخلفيه

تعالوا نجرب الوسط العلوي ونضع الماوس عليه ونخط له خلفيه



اختار استعراض



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



ثم موافق



هذه الخلفيه وصلت واحلى ترحيب




طيب خلصنا اربع زوايا صح!

وخلصنا وسط علوي

باقي وسط سفلي + وسط جانبي ايمن + وسط جانبي ايسر

نضع كل خلفيه للوسط التي يفترض تكون فيه

نشوف النهايه وكبف تطلع



نشد الاطراف



وانشدد الاطراف



ركز معي الآن لاهنت




ألان نضغط بطرف الماوس الايمن و تختار

التقسيــــــــــم عارفين ليه

لوضع الصور التجميليه

التي خطيتها من شويه

وللتذكير نشوفها الأن (فيه صور مكتوب تحتها تجميليه)




نكمل عشان مانتلخبط

وايه قلت من شويه نختار التقسيم ونختار منه 3 اعمده



قسمنا الخليه الى ثلاثه اقسام




طبعاً التي سوف ينطبق عليها الهيدر .. سوف ينطبق عليها الفوتر من حيث التقسيم الى 3 اعمده

الان ندرج الصور التجميليه في الهيدر بواسطه هذه الاداره

شوف كيف اصبحت معانا



ونقسم الفوتر (بالماوس الايمن نختار تقسيم)



نختار 3 اعمده




الان ندرج الصور التجميليه في الفوتر بواسطه هذه الاداره


هاه انتيهنا والا مانتيهنا

تبقي لنا التالي

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


نذهب للصوره التجميليه العلويه اليمنى ونعطيها محاذاه لليمين




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

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




الان في نفس الجداول نخط الماوس ونعطيه امر التنصيف


بواسطة هذه الاداه




ونضغط على التعليمات البرمجيه من اسفل الفرونت بيج



عشان نشوف اكواد الاستايل




وهذا امر التنصيف الذي اعطانا الخليه الوسطيه
p align="center"> </td>
محدد بالاصفر للهيدر واللي محدد بالازرق للفوتر



انتهى التوزيع في الفرونت بيج


التركيب في المنتدى

خلي الصفحه حقة الفرونت بيج مفتوحه قدامك واذهب للمنتدى ومنها الى لوحة تحكم المنتدى

واختر الاستايلات& قوالب

ومنها التحكم في الاستايلات



تظهر لك الاستايلات في الجهه اليسر بهذا الشكل



اضغط على القائمه المنسدله التابعه للاستايل واختر




يطلع معاك ثلاث صناديق

الصندوق الاول header مطلوب

الصندوق الثاني headinclude غير مطلوب

الصندوق الثالث footer مطلوب

الصناديق الباقيه كانكم ماشفتها





نمسك الصندوق الاول الـ header ونمسح كل مافيه ومانبقى الا


$spacer_open

$_phpinclude_output




نذهب للفرونت بيج وننسخ الجزء العلوي مثل ماهوي مشار في الصوره




ونلصقه بالهيدر فوق هذي العباره


$spacer_open

$_phpinclude_outpu




ونذهب للفرونت بيج وننسخ الجزء السفلي مثل ماهو مشار بالصوره





ونلصقه في اخر الفوتر

وين كلمة </script>




تحتها بالضبط

ثم حفظ




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



وايه الحل ياجماعه

الحل نذهب ونضغط على متغيرات الاستايل ونختار منها المتغير Body (Customized in this Style

و تكون القيم فيه



margin: 5px 10px 10px 10px;
padding: 0px;


نخليها


margin: 0px 0px 0px 0px;
padding: 0px;


عشان نشد