ط§ط¯ط±ط§ط¬ طµظپط*ط© HTML ظپظٹ طµظپط*ط© HTML ط¹ظ† ط·ط±ظٹظ‚ Smarty


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


كيف حال الجميع ؟ ان شاء الله بخير


اليوم درس مفصلنا عن كيفية ادراج صفحة HTML في صفحة HTML عن طريق Smarty


مثال درس مفصل اليوم على القوائم
قائمة اليمنى والقائمة اليسرى


مثل مجلة نيوك بحيث يكون قائمة يمنى لاختيارات الأقسام و الدروس والمنتديات ...الخ
والقائمة اليسرى للاحصائيات و الارشيف المقالات ...الخ



لنبدا العمل :


تحتاج الى ثلاث ملفات تصميم :


1 - center.html - وهو الملف اللي راح ياخذ القائمة اليمنى والقائمة اليسرى واللي راح يكون في الوسط أخبار او دروس


2 - right.html - راح يكون القائمة اليمنى


3 - left.html - راح يكون القائمة اليسرى






تصمم الملفات على حسب ذوقك وانا صممتهم بهذا الشكل


ملف right.html :




ملف left.html :




ملف center.html :





لدينا خليتان فارغتين في ملف center.html

خلية في اليمين عرض القائمة اليمنى

خلية في اليسار لعرض القائمة اليسرى



الآن لكي نعرض القوائم في الصفحة او الملف center.html

نضع كود code Smarty لادراج الملفات :

رمز PHP:
<code style="white-space:nowrap"> <code> {include file=' '}
</code> </code>



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

ناتي الآن لعرض القائمة اليمنى والقائمة اليسرى في ملف center.html

لجلب ملف القائمة اليمنى نضع الكود code في الخلية اليمنى :

رمز PHP:
<code style="white-space:nowrap"> <code> {include file='right.html'}
</code> </code>



ولجلب ملف القائمة اليسرى نضع الكود code في الخلية اليسرى:

رمز PHP:
<code style="white-space:nowrap"> <code> {include file='left_block.htm'}
</code> </code>



صورة توضيحية :





والآن لنعرض الملف بأمر Smarty :

رمز PHP:
<code style="white-space:nowrap"> <code> $smarty->display("center.html");
</code> </code>




ثم نفتح الملف وسنرى الصفحة بهذا الشكل :






توضيح العمل كاملاُ :





وهكذا ادرجنا ملفين HTML داخل ملف HTML




وهنا يكون الدرس مفصل قد انتهى

وان شاء الله نتقابل بدرس مفصل آخر في نظام قوالب Smarty

وفقنا الله جميعا لما يحبه ويرضاه









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