http://www.dzbatna.com/images/icons/iconrote.gif [ط¨ط¯ظˆظ† ط§ط¹ظ…ط¯ط©]ط´ط±ط* طھظ‚ط·ظٹط¹ ظˆطھظˆط²ظٹط¹ ظˆطھط±ظƒظٹط¨ ط§ظ„ط§ط³طھط§ظٹظ„ ط§ظ„ط؛ظٹط± ظ…طھظ…ط¯ط¯ ظˆط¬ط¹ظ„ظ‡ ظپظٹ ظˆط³ط· ط§ظ„طµظپط*ط© ..
السلام عليكم ورحمة الله وبركاته
لكثرة الطلبات حول كيفية تقطيع وتركيب install الاستايل style الثابت الذي لا يحتوي على نقطة تمدد وكيفية جعل
الاستايل style في وسط الصفحة
نزلت لكم هذا الشرح طريقة حتي تنتهي هذه المشكلة عند الجميع بإذن الله سبحانه وتعالى
الشرح طريقة مكون من جزئين
الجزء الاول وهو خاص بكيفية تقطيع وتوزيع وتركيب install الاستايل style الغير متمدد ولا يحتوي على اعمدة
الجزء الثاني وهو خاص بكيفية تقطيع وتوزيع وتركيب install الاستايل style الغير متمدد ويحتوي على اعمدة
ودرس مفصل اليوم هو بخصوص الجزء الاول (بدون اعمدة)
---------
اولا : كيفية التقطيع
التقطيع في هذا الجزء بسيط جدا واسهل تقطيع في العالم
تابع معي الصورة التالية (التقطيع عبارة عن صورة واحدة في الهدر + صورة في الفوتر كما
موضح لكم )
http://www.dzbatna.org/index.php?action=getfile&id=1368
بعد ذلك من قائمة
File <<<< save For the web
ثم موافق
---------
ناتي الان الى كيفية التوزيع بالفرونت بيدج
افتح برنامج الفرونت بيدج ثم امسح كل ماهو مكتوب في التعليمات البرمجية
اذهب الى التصميم ثم كليك يميين خصائص الصفحة
كما موضح
http://www.dzbatna.org/index.php?action=getfile&id=1369
اجعل اتجاه الصفحة من اليميين الى اليسار ثم موافق
كما موضح بالصورة
http://www.dzbatna.org/index.php?action=getfile&id=1370
قم بإدراج جدول 2*1
كما موضح بالصورة
http://www.dzbatna.org/index.php?action=getfile&id=1371
كليك يميين على الجدول ثم خصائص الجدول
http://www.dzbatna.org/index.php?action=getfile&id=1372
قم بتطبيق التالي
http://www.dzbatna.org/index.php?action=getfile&id=1373
اضغط على الخلية التي في الاعلى ثم قم بإدراج الصورة العلوية الخاصة بالهدر
http://www.dzbatna.org/index.php?action=getfile&id=1374
بعد إدراج الصورة روح على الخلية السفلى كليك ييمين ثم تقسيم الخلية
http://www.dzbatna.org/index.php?action=getfile&id=1375
طبق التالي
http://www.dzbatna.org/index.php?action=getfile&id=1376
بعد ذلك اضغط على اخر خلية وقم بإدراج صورة الفوتر مثل مافعلنا في الهدر
وبكذا انتهى التوزيع والحمد لله كما موضح بالصورة
http://www.dzbatna.org/index.php?action=getfile&id=1377
----------------------
ناتي الان الى كيفية التركيب install على المنتدي
اضغط على الخلية الوسطى (البيضاء) ثم اذهب الى التعليمات البرمجية
مايوجد اعلاها هو تمبلت الهدر واسفلها هو تمبلت الفوتر كما موضح
http://www.dzbatna.org/index.php?action=getfile&id=1378
قم بإستبدال تمبلت الهدر كاملا بالكود code الخاص به مع وضع الكود code التالي في نهايته
رمز PHP:
$spacer_open
$_phpinclude_output
اما الفوتر قم بنسخ الكود code الخاص به والصقه في نهاية تمبلت الفوتر
ولا تنسي استبدال روابط الصور وفقا للدرس مفصل التالي
[Image Paths] = [مسار الصور]
الان لم يتبقى لنا الا خطوتين فقط وهما من لوحة التحكم
افتح لوحة التحكم <<< الاستيلات والقوالب <<< التحكم في الاستيلات <<< من القائمة المنسدله
اختر متغيرات الاستايل style كما موضح
http://www.dzbatna.org/index.php?action=getfile&id=1379
ثم اجعل عرض الجدول الاساسي 776px (يتغيير الرقم على حسب تصميمك)
كما موضح بالصورة
http://www.dzbatna.org/index.php?action=getfile&id=1380
ثم من اعدادات css المتغير الاول الخاص ب Body/الجسم
قم بمسح كل مامكتوب في اعدادات css الاضافية وإستبدلها بالكود code التالي
رمز PHP:
margin: 0px 0px 0px 0px;
padding: 0px;
كما موضح بالصورة
http://www.dzbatna.org/index.php?action=getfile&id=1381
بعد ذلك روح للمنتدي وشاهد استايل styleك ومتع نظرك http://www.dzbatna.com/images/smilies/cupidarrow.gif
--------
انتهي الدرس مفصل واتمني من الله سبحانه وتعالى ان يكون قد وفقني في طرح هذه الفكرة
وان يكون الشرح طريقة واضح واي مشكلة او استفسار انا حاضر ,,,
ارق تحية ,,,
اخوكم / Ahmod ,,
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
