ط´ط±ط* طھط£ط·ظٹط± ظ‚ط§ظ„ط¨ ط§ظ„ showthread ط¨طھظ‚ظ†ظٹظ‡ ط§ظ„ css




السلام عليكم ورحمه الله

درس مفصل تأطير قالب template ال showthread

هذا القالب template الخاص بعرض صفحه الموضوع والرد السريع


صوره للايطار بعد تأطيره


مثال لموقع حي



اولا اعداد القالب template للتأطير

نقوم بالبحث عن


رمز Code:
<!-- start content table -->
نقوم بحذف هذا الكود code لانه هو السبب في صعوبه تأطير القالب template

رمز Code:
<!-- start content table --> $spacer_open <!-- / start content table -->


ثم نبحث عن

رمز Code:
<!-- end content table -->
ونحذف

رمز Code:
<!-- end content table --> $spacer_close <!-- / end content table -->


الحين القالب template تم اعداده وجاهز للتأطير

هذا كود code التأطير المستخدم

رمز Code:
<div id=&quot;headc&quot;> <div class=&quot;right&quot;></div> <div class=&quot;right2&quot;></div> <div class=&quot;left&quot;></div> <div class=&quot;left2&quot;></div> </div> <div class=&quot;sha_right&quot;> <div class=&quot;sha_left&quot;> <div id=&quot;contc&quot;>..... </div> </div> </div> <div id=&quot;footc&quot;> <div class=&quot;footc_right&quot;></div> <div class=&quot;footc_right2&quot;></div> <div class=&quot;footc_left&quot;></div> <div class=&quot;footc_left2&quot;></div> </div>
كود code التأطير الاول






كود code التأطير الثاني



نبحث عن

رمز Code:
<!-- / controls above postbits -->
ونضع اسفله كود code التاطير الاول



هذا الكود code اللمحدد بالازرق واظن ان الخطوه هذي سهله

ثم نبحث عن

رمز Code:
<!-- controls below postbits -->
ونضع اعلاه كود code التاطير الثاني



لتأطير الرد السريع

نبحث عن

رمز Code:
<!-- quick reply -->
ونضع اسفله كود code التاطير الاول



ثم نبحث عن

رمز Code:
<!-- / quick reply -->
ونضع كود code التأطير الثاني



بالتوفيق




التعديل الأخير كان بواسطة ابو شدق; 10 - 01 - 2014 الساعة 17:33 السبب: حذف المثال لاحتواء الاستايل style على صور نسائية




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