السلام عليكم ورحمة الله وبركاته
الاستايل في وسط الصفحة
نزلت لكم هذا الشرح حتي تنتهي هذه المشكلة عند الجميع بإذن الله سبحانه وتعالى
الشرح مكون من جزئين
الجزء الاول وهو خاص بكيفية تقطيع وتوزيع وتركيب الاستايل الغير متمدد ولا يحتوي على اعمدة
الجزء الثاني وهو خاص بكيفية تقطيع وتوزيع وتركيب الاستايل الغير متمدد ويحتوي على اعمدة
ودرس اليوم هو بخصوص الجزء الاول (بدون اعمدة)
---------
اولا : كيفية التقطيع
التقطيع في هذا الجزء بسيط جدا واسهل تقطيع في العالم
تابع معي الصورة التالية (التقطيع عبارة عن صورة واحدة في الهدر + صورة في الفوتر كما
موضح لكم )
بعد ذلك من قائمة
File <<<< save For the web
ثم موافق
---------
ناتي الان الى كيفية التوزيع بالفرونت بيدج
افتح برنامج الفرونت بيدج ثم امسح كل ماهو مكتوب في التعليمات البرمجية
اذهب الى التصميم ثم كليك يميين خصائص الصفحة
كما موضح
اجعل اتجاه الصفحة من اليميين الى اليسار ثم موافق
كما موضح بالصورة
قم بإدراج جدول 2*1
كما موضح بالصورة
كليك يميين على الجدول ثم خصائص الجدول
قم بتطبيق التالي
اضغط على الخلية التي في الاعلى ثم قم بإدراج الصورة العلوية الخاصة بالهدر
بعد إدراج الصورة روح على الخلية السفلى كليك ييمين ثم تقسيم الخلية
طبق التالي
بعد ذلك اضغط على اخر خلية وقم بإدراج صورة الفوتر مثل مافعلنا في الهدر
وبكذا انتهى التوزيع والحمد لله كما موضح بالصورة
----------------------
ناتي الان الى كيفية التركيب على المنتدي
اضغط على الخلية الوسطى (البيضاء) ثم اذهب الى التعليمات البرمجية
مايوجد اعلاها هو تمبلت الهدر واسفلها هو تمبلت الفوتر كما موضح
قم بإستبدال تمبلت الهدر كاملا بالكود الخاص به مع وضع الكود التالي في نهايته
رمز PHP:
$spacer_open
$_phpinclude_output
اما الفوتر قم بنسخ الكود الخاص به والصقه في نهاية تمبلت الفوتر
ولا تنسي استبدال روابط الصور وفقا للدرس التالي
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
الان لم يتبقى لنا الا خطوتين فقط وهما من لوحة التحكم
افتح لوحة التحكم <<< الاستيلات والقوالب <<< التحكم في الاستيلات <<< من القائمة المنسدله
اختر متغيرات الاستايل كما موضح
ثم اجعل عرض الجدول الاساسي 776px (يتغيير الرقم على حسب تصميمك)
كما موضح بالصورة
ثم من اعدادات css المتغير الاول الخاص ب Body/الجسم
قم بمسح كل مامكتوب في اعدادات css الاضافية وإستبدلها بالكود التالي
رمز PHP:
margin: 0px 0px 0px 0px;
padding: 0px;
كما موضح بالصورة
بعد ذلك روح للمنتدي وشاهد استايلك ومتع نظرك
--------
انتهي الدرس واتمني من الله سبحانه وتعالى ان يكون قد وفقني في طرح هذه الفكرة
وان يكون الشرح واضح واي مشكلة او استفسار انا حاضر ,,,
ارق تحية ,,,