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