قناص جوبا
16-12-2009, 12:08 مساءً
السلام عليكم ورحمه الله
النهارده ان شاء الله الدرس السابع والدرس القادم هو الاخير من دوره تصميم الاستايلات بتقنيه ال css
وهيكون الاخير فى تاطير القوالب
دلوقتى باقى تاطير ثلث قوالب
الاول
navbar
نخش القالب ونبحث عن
<!-- breadcrumb, login, pm info -->ونضع التاطير العلوى فوقها
وبعدين نبحث عن
<!-- / nav buttons bar -->ونضع الايطار السفلى تحته
وفى نفس القالب نبحث عن
<input type="hidden" name="url" value="$return_link" />ونضع الايطار العلوى تحتها
وبعدين نبحث عن
<td class="alt1">
$notices
</td>
</tr>
</table>وبعدين تضع تحته الايطار السفلى
محلوظه بس ممكن مش تلاقى اللى انا بتكلم عنه بسبب وجود مسافه زياده او اقل فقط لا اكتر
طيب نبحث عنها ازاى
مثلا نبحث عن $notices
وبعدين هتلاقى تحتها
</td>
وبعدين تحتها
</tr>
وبعدين تحتها
</table>
وهكذا بنفس الطريقه
وبعدين نعمل حفظ
والشكل النهائى
http://vbegy.info/up/%28css%29_7_1.gif
الثانى
postbit_legacy
نبحث عن
$template_hook[postbit_start]هنلاقى منها اتنين فى القالب واحده فى الاول وواحده فى المنتصف تقريبا الاتنين يطبق عليهم نفس النظام
ونضع تحتهم الايطار العلوى
وبعدين نبحث عن
$template_hook[postbit_end]برضه هنلاقى منهم اتنين واحده فى النص وواحده قبل الاخير تقريبا يطبق عليهم التالى
نضع فوقهم الايطار السفلى
حتى يصبح الشكل النهائى
http://vbegy.info/up/%28css%29_7_2.gif
الثالث
SHOWTHREAD
نبحث عن
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center" style="border-bottom-width:0px">ونضع الايطار العلوى فوقه
وبعدين نبحث عن
<if condition="$show['inlinemod'] AND $show['popups']">ونضع الايطار السفلى فوقه
وبعدين نبحث عن
<form action="newreply.php?do=postreply&t=$threadid" method="post" name="vbform" onsubmit="return qr_prepare_submit(this, $vboptions[postminchars]);" id="qrform">
ونضع تحته الايطار العلوى
ونبحث عن
<if condition="!is_browser('ie') AND $show['wysiwyg']">وهنلاقى فوقها
</form>نضع فوقهم الايطار السفلى
بعدين نبحث عن
<!-- currently active users -->نضع تحته الايطار العلوى
وبعدين نبحث عن
<!-- end currently active users -->ونضع فوقها الايطار السفلى
ونعمل حفظ للقالب ويصبح الشكل النهائى
http://vbegy.info/up/%28css%29_7_3.gif
الى هنا انتهى السابع
منتديات فى بى ايجى
http://vbegy.info/vb
الموضوع الاصلى من هنا (http://vbegy.info/vb/t801.html)
النهارده ان شاء الله الدرس السابع والدرس القادم هو الاخير من دوره تصميم الاستايلات بتقنيه ال css
وهيكون الاخير فى تاطير القوالب
دلوقتى باقى تاطير ثلث قوالب
الاول
navbar
نخش القالب ونبحث عن
<!-- breadcrumb, login, pm info -->ونضع التاطير العلوى فوقها
وبعدين نبحث عن
<!-- / nav buttons bar -->ونضع الايطار السفلى تحته
وفى نفس القالب نبحث عن
<input type="hidden" name="url" value="$return_link" />ونضع الايطار العلوى تحتها
وبعدين نبحث عن
<td class="alt1">
$notices
</td>
</tr>
</table>وبعدين تضع تحته الايطار السفلى
محلوظه بس ممكن مش تلاقى اللى انا بتكلم عنه بسبب وجود مسافه زياده او اقل فقط لا اكتر
طيب نبحث عنها ازاى
مثلا نبحث عن $notices
وبعدين هتلاقى تحتها
</td>
وبعدين تحتها
</tr>
وبعدين تحتها
</table>
وهكذا بنفس الطريقه
وبعدين نعمل حفظ
والشكل النهائى
http://vbegy.info/up/%28css%29_7_1.gif
الثانى
postbit_legacy
نبحث عن
$template_hook[postbit_start]هنلاقى منها اتنين فى القالب واحده فى الاول وواحده فى المنتصف تقريبا الاتنين يطبق عليهم نفس النظام
ونضع تحتهم الايطار العلوى
وبعدين نبحث عن
$template_hook[postbit_end]برضه هنلاقى منهم اتنين واحده فى النص وواحده قبل الاخير تقريبا يطبق عليهم التالى
نضع فوقهم الايطار السفلى
حتى يصبح الشكل النهائى
http://vbegy.info/up/%28css%29_7_2.gif
الثالث
SHOWTHREAD
نبحث عن
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center" style="border-bottom-width:0px">ونضع الايطار العلوى فوقه
وبعدين نبحث عن
<if condition="$show['inlinemod'] AND $show['popups']">ونضع الايطار السفلى فوقه
وبعدين نبحث عن
<form action="newreply.php?do=postreply&t=$threadid" method="post" name="vbform" onsubmit="return qr_prepare_submit(this, $vboptions[postminchars]);" id="qrform">
ونضع تحته الايطار العلوى
ونبحث عن
<if condition="!is_browser('ie') AND $show['wysiwyg']">وهنلاقى فوقها
</form>نضع فوقهم الايطار السفلى
بعدين نبحث عن
<!-- currently active users -->نضع تحته الايطار العلوى
وبعدين نبحث عن
<!-- end currently active users -->ونضع فوقها الايطار السفلى
ونعمل حفظ للقالب ويصبح الشكل النهائى
http://vbegy.info/up/%28css%29_7_3.gif
الى هنا انتهى السابع
منتديات فى بى ايجى
http://vbegy.info/vb
الموضوع الاصلى من هنا (http://vbegy.info/vb/t801.html)