السلام عليكم ورحمة الله وبركاته
كيف حال الجميع ؟ ان شاء الله بخير
اليوم درس مفصلنا عن كيفية ادراج صفحة
HTML في صفحة
HTML عن طريق
Smarty
مثال درس مفصل اليوم على القوائم
قائمة اليمنى والقائمة اليسرى
مثل مجلة نيوك بحيث يكون قائمة يمنى لاختيارات الأقسام و الدروس والمنتديات ...الخ
والقائمة اليسرى للاحصائيات و الارشيف المقالات ...الخ
لنبدا العمل :
تحتاج الى ثلاث ملفات تصميم :
1 -
center.html - وهو الملف اللي راح ياخذ القائمة اليمنى والقائمة اليسرى واللي راح يكون في الوسط أخبار او دروس
2 -
right.html - راح يكون القائمة اليمنى
3 -
left.html - راح يكون القائمة اليسرى
تصمم الملفات على حسب ذوقك وانا صممتهم بهذا الشكل
ملف
right.html :
http://www.pxll.com/usersupload/mobh...right_html.jpg
ملف
left.html :
http://www.pxll.com/usersupload/mobh.../left_html.jpg
ملف
center.html :
http://www.pxll.com/usersupload/mobh...enter_html.jpg
لدينا خليتان فارغتين في ملف
center.html
خلية في اليمين عرض القائمة اليمنى
خلية في اليسار لعرض القائمة اليسرى
الآن لكي نعرض القوائم في الصفحة او الملف
center.html
نضع كود code
Smarty لادراج الملفات :
رمز PHP:
{include file=' '}
هذا هو الكود code لجلب الملفات وعرضها في اي مكان تريد عرض الملف على حسب مكان الكود code
ناتي الآن لعرض القائمة اليمنى والقائمة اليسرى في ملف
center.html
لجلب ملف القائمة اليمنى نضع الكود code في الخلية اليمنى :
رمز PHP:
{include file='right.html'}
ولجلب ملف القائمة اليسرى نضع الكود code في الخلية اليسرى:
رمز PHP:
{include file='left_block.htm'}
صورة توضيحية :
http://www.pxll.com/usersupload/mobh...ml_include.jpg
والآن لنعرض الملف بأمر
Smarty :
رمز PHP:
$smarty->display("center.html");
ثم نفتح الملف وسنرى الصفحة بهذا الشكل :
http://www.pxll.com/usersupload/mobh...ding_R_&_L.jpg
توضيح العمل كاملاُ :
http://www.pxll.com/usersupload/mobh...y/all_work.jpg
وهكذا ادرجنا ملفين
HTML داخل ملف
HTML
وهنا يكون الدرس مفصل قد انتهى
وان شاء الله نتقابل بدرس مفصل آخر في نظام قوالب
Smarty
وفقنا الله جميعا لما يحبه ويرضاه
