نكمل عشان مانتلخبط
وش قلت من شوي نختار التقسيم ونختار منه 3 اعمده
قسمنا الخليه الى ثلاثه اقسام
طبعاً اللي راح ينطبق على الهيدر .. راح ينطبق على الفوتر من حيث التقسيم الى 3 اعمده
اللحين ندرج الصور التجميليه في الهيدر بواسطه هذه الاداره
شوف كيف راح تصير معانا
ونقسم الفوتر (بالماوس الايمن نختار تقسيم)
نختار 3 اعمده
اللحين ندرج الصور التجميليه في الفوتر بواسطه هذه الاداره
هاه انتيهنا والا مانتيهنا
باقي ايش؟
باقي المحاذاه للصور التجميليه بمجرد انك تضغط ضغطه وحده على الصوره راح يبان ملامح التحديد عليها
نروح للصوره التجميليه العلويه اليسرى ونعطيها محاذاه لليسار
نروح للصوره التجميليه العلويه اليمنى ونعطيها محاذاه لليمين
نروح للصوره التجميليه السفليه اليسرى ونعطيها محاذاه لليسار
نروح للصوره التجميليه السفليه اليمنى ونعطيها محاذاه لليمين
صار شكل الاستايل كذا 100%
اللحين في نفس الجداول نحط الماوس ونعطيه امر التنصيف
بواسطة هذي الاداه
ونروح نضغط على التعليمات البرمجيه من اسفل الفرونت بيج
عشان نشوف اكواد الاستايل
وهذا امر التنصيف اللي اعطينا الخليه الوسطيه
<p align="center"> </td>
اللحين لونت لكم الاكواد بلونين ازرق واصفر (نصراوي )
اللي محدد بالاصفر للهيدر واللي محدد بالازرق للفوتر
انتهى التوزيع في الفرونت بيج
:::::::::::::::::::::::::::::::::::::::::::::::::
التركيب في المنتدى
خل الصفحه حقة الفرونت بيج مفتوحه قدامك وروح للمنتدى ومنها الى لوحة تحكم المنتدى
واختر الاستايلات& قوالب
ومنها التحكم في الاستايلات
راح تظهر لك الاستايلات في الجهه اليسر بهذا الشكل
اضغط على القائمه المنسدله التابعه للاستايل واختر common templats
راح يطلع معاك ثلاث صناديق
الصندوق الاول header مطلوب
الصندوق الثاني headinclude غير مطلوب
الصندوق الثالث footer مطلوب
الصناديق الباقيه كانكم ماشفتوها
نمسك الصدوق الاول الـ header ونمسح كل مافيه ومانبقى الا
$spacer_open
$_phpinclude_output
نروح للفرونت بيج وننسخ الجزء العلوي مثل ماهوي مشار في الصوره
ونلصقه بالهيدر فوق هذي العباره
$spacer_open
$_phpinclude_output
ونروح للفرونت بيج وننسخ الجزء السفلي مثل ماهو مشار بالصوره
ونلصقه في اخر الفوتر
وين كلمة </script>
تحتها بالضبط
ثم حفظ
نروح المنتدى ونشاهده بسم الله عليه يخزي العين عم بيجنن
لكن
فيه تباعد بالاطراف ولاهو ممسوك في جدار المنتدى
وشو الحل ياجماعه
الحل نروح ونضغط على متغيرات الاستايل ونختار منها المتغير Body (Customized in this Style
وراح تكون القيم فيه
margin: 5px 10px 10px 10px;
padding: 0px;
نخليها
margin: 0px 0px 0px 0px;
padding: 0px;
عشان نشد
والاكيد انه شد
اخواني واخواتي
بهذا الدرس نقول انتهينا من دروس تصميم وتقطيع وتوزيع وتركيب الاستايلات العاديه والاحترافيه والرباعيه .