[ط¨ط¯ظˆظ† ط§ط¹ظ…ط¯ط©]ط´ط±ط* طھظ‚ط·ظٹط¹ ظˆطھظˆط²ظٹط¹ ظˆطھط±ظƒظٹط¨ ط§ظ„ط§ط³طھط§ظٹظ„ ط§ظ„ط؛ظٹط± ظ…طھظ…ط¯ط¯ ظˆط¬ط¹ظ„ظ‡ ظپظٹ ظˆط³ط· ط§ظ„طµظپط*ط© ..


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

لكثرة الطلبات حول كيفية تقطيع وتركيب install الاستايل style الثابت الذي لا يحتوي على نقطة تمدد وكيفية جعل

الاستايل style في وسط الصفحة

نزلت لكم هذا الشرح طريقة حتي تنتهي هذه المشكلة عند الجميع بإذن الله سبحانه وتعالى

الشرح طريقة مكون من جزئين

الجزء الاول وهو خاص بكيفية تقطيع وتوزيع وتركيب install الاستايل style الغير متمدد ولا يحتوي على اعمدة

الجزء الثاني وهو خاص بكيفية تقطيع وتوزيع وتركيب install الاستايل style الغير متمدد ويحتوي على اعمدة


ودرس مفصل اليوم هو بخصوص الجزء الاول (بدون اعمدة)


---------

اولا : كيفية التقطيع


التقطيع في هذا الجزء بسيط جدا واسهل تقطيع في العالم

تابع معي الصورة التالية (التقطيع عبارة عن صورة واحدة في الهدر + صورة في الفوتر كما

موضح لكم )






بعد ذلك من قائمة

File <<<< save For the web

ثم موافق

---------

ناتي الان الى كيفية التوزيع بالفرونت بيدج

افتح برنامج الفرونت بيدج ثم امسح كل ماهو مكتوب في التعليمات البرمجية

اذهب الى التصميم ثم كليك يميين خصائص الصفحة

كما موضح



اجعل اتجاه الصفحة من اليميين الى اليسار ثم موافق

كما موضح بالصورة



قم بإدراج جدول 2*1

كما موضح بالصورة



كليك يميين على الجدول ثم خصائص الجدول



قم بتطبيق التالي



اضغط على الخلية التي في الاعلى ثم قم بإدراج الصورة العلوية الخاصة بالهدر



بعد إدراج الصورة روح على الخلية السفلى كليك ييمين ثم تقسيم الخلية



طبق التالي



بعد ذلك اضغط على اخر خلية وقم بإدراج صورة الفوتر مثل مافعلنا في الهدر

وبكذا انتهى التوزيع والحمد لله كما موضح بالصورة



----------------------

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

اضغط على الخلية الوسطى (البيضاء) ثم اذهب الى التعليمات البرمجية

مايوجد اعلاها هو تمبلت الهدر واسفلها هو تمبلت الفوتر كما موضح



قم بإستبدال تمبلت الهدر كاملا بالكود code الخاص به مع وضع الكود code التالي في نهايته

رمز PHP:
<code style="white-space:nowrap"> <code> $spacer_open

$_phpinclude_output
</code> </code>


اما الفوتر قم بنسخ الكود code الخاص به والصقه في نهاية تمبلت الفوتر

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

[Image Paths] = [مسار الصور]

الان لم يتبقى لنا الا خطوتين فقط وهما من لوحة التحكم

افتح لوحة التحكم <<< الاستيلات والقوالب <<< التحكم في الاستيلات <<< من القائمة المنسدله

اختر متغيرات الاستايل style كما موضح



ثم اجعل عرض الجدول الاساسي 776px (يتغيير الرقم على حسب تصميمك)

كما موضح بالصورة



ثم من اعدادات css المتغير الاول الخاص ب Body/الجسم

قم بمسح كل مامكتوب في اعدادات css الاضافية وإستبدلها بالكود code التالي

رمز PHP:
<code style="white-space:nowrap"> <code> margin: 0px 0px 0px 0px;
padding: 0px;
</code> </code>

كما موضح بالصورة




بعد ذلك روح للمنتدي وشاهد استايل styleك ومتع نظرك

--------

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

وان يكون الشرح طريقة واضح واي مشكلة او استفسار انا حاضر ,,,

ارق تحية ,,,

اخوكم / Ahmod ,,








©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©