|
برمجة صفحة تتكون من ثلاث اعمدة بـsmarty
 بشرط ان تكون عبر css واستخدام قالب smarty مع ملاحظه ان الصفحه تتكون من ثلاث مقاطع : 1 - هيدر وهو ثابت على الصفحه 2- فوتر وهو ثابت ايضا 3- المحتوي وهو بين الهيدر والفوتر ويكون متحرك بحسب البيانات اللتي بداخله كما هو في الفيسبوك . ارجوا ممن لديه خبره حل هذه المشكله .
3 إجابات
كيف اجعل الهيدر والفوتر ثابتين
مثل الفيسبوك ؟ المحتوى يتحرك فوق وتحت فقط والهيدر ثابت وكذلك الفوتر ثابت ؟ ابغا الهيدر والفوتر ثابتين في الصفحه ولا يتحرك اي منهما بواسطة: jawalnet 0 من 0 أشخاص وجدو هذه الاجابة مفيدة. هل وجدتها؟ نعم لا
كيف اجعل الهيدر والفوتر ثابتين
مثل الفيسبوك ؟ المحتوى يتحرك فوق وتحت فقط والهيدر ثابت وكذلك الفوتر ثابت ؟ بواسطة: jawalnet 0 من 0 أشخاص وجدو هذه الاجابة مفيدة. هل وجدتها؟ نعم لا
لعمل صفحة مثل الصورة علينا تحمليها من هنا وهذا هو الهيكل كاملا دون تقسيم
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="3.css" type="text/css" />
</head>
<body>
<div id="container" >
<div id="banner" >
<a href="#">
<img src="http://www.intensivstation.ch/files/images/monorom_css_logo.gif" alt="" width="414" height="56" border="0" />
</a>
<h1>h1</h1>
</div>
<div id="outer" >
<div id="inner">
<div id="left" >
<h2>Menu left</h2>
</div>
<div id="right" >
<h2>Menue right</h2>
</div>
<div id="content">
<h2>Content / Border -Trick</h2>
<br />
<br />
<br />
<br />
<br />
</div>
</div>
</div>
<div id="footer"><h1>in valid code we trust (*^_^*) miss monorom</h1></div>
</div>
</body>
</html>
باستعمال الاسمارتى علينا التقسيم هاكذا<?php
$smarty->display('header.tpl');
$smarty->display('body.tpl');
$smarty->display('footer.tpl');
?>
ملف header.tpl<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="3.css" type="text/css" />
</head>
<body>
<div id="container" >
<div id="banner" >
<a href="#">
<img src="http://www.intensivstation.ch/files/images/monorom_css_logo.gif" alt="" width="414" height="56" border="0" />
</a>
<h1>h1</h1>
</div> وهذا ملف body.tpl <div id="outer" >
<div id="inner">
<div id="left" >
<h2>Menu left</h2>
</div>
<div id="right" >
<h2>Menue right</h2>
</div>
<div id="content">
<h2>Content / Border -Trick</h2>
<br />
<br />
<br />
<br />
<br />
</div>
</div>
</div> واخيرا ملف footer.tpl<div id="footer"><h1>in valid code we trust (*^_^*) miss monorom</h1></div> </div> </body> </html>لو فى اى خطأ انا موجود فانا لم اجرب اى من هذه الاكواد بواسطة: molhm 2 من 2 أشخاص وجدو هذه الاجابة مفيدة. هل وجدتها؟ نعم لا اشكركم للمشاركه وتحياتي لكم جميعا على هذا الموقع الرائع |
إحصاءات 'jawalnet'
الأسئلة : 14
الإجابات : 15 التعليقات : 14 قد يهمك أيضًا
|
تابع AWCORE
- تابعنا:
- المعرض | المنتجات | برمجة خاصة
لا ارى فيه مشكلة يمكنك عمل هذا بالفرونت بيدج او دريم ويفر
28 / يناير / 2012 الساعة 3:48
انا اريد التصميم يكون عن طريق css وان اختصر الصفحات باستخدام قالب smarty .يعني كيف اصمم الصفحه بالــ css ثم انقلها الى smarty
28 / يناير / 2012 الساعة 9:16
لو تقصد انك تريد تثبيت الهيدر والفوتر والمحتوى فقط الوحيد المتغير عليك قراءة هذا "تحميل الصفحة بـ jquery"
28 / يناير / 2012 الساعة 9:53