بسم الله الرحن الرحيم
بنائا على طلب بعض الاخوان الكرام الرائعين في المنتدى
اخوكم
السيكا ميكا صاحب تطلعات وحب معرفة وتعلم التصميم والبرمجه
قام بتصميم واجهه رائعة جدا ولكن وقف عند تقطيع التصميم وانتقاء نقطة التمدد للاستايل
اليكم الطريقة وكيفية معالجه تصميم يحتوي على سبع خلايا في الهيدر
وثلاث او خمس في الفوتر او سبعه او كما تحب ليس هناك اشكال
اولا اهم نقطه في الموضوع
اعمل حساب لنقطة التمدد في الاستايل اثناء التصميم
اليكم المثال التالى من تصميم اخوكم
السيكا ميكا صاحب شبكة رسوم
http://www.rsoom.com
والدرس منقول لكم من أستاذى الغالى
bluestar
لو اردنا تقطيعه بالصورة الصحيحة سوف تكون نقطة التمدد بالاستايل
نقطتين نظرا لتساوي الاستايل من الجه اليمنا واليسرى وهذي من الاستايلات التى
لا بد من وضع نقطتين للتمدد تحمل الاولى 50% والثانيه 50%
نقوم بتعلم طريقة التقطيع
اولا سوف تستخدم الادة الخاصة بالتقطيع ويكون التقطيع بهذه الصورة
اما طريقة بناء الجداول فسيكون على الشكل التالى
اعمل جدول من ثلاثة صفوف وثلاثة اعمدة ثم اضعد في الخليه العلويه
الوسطى (
الهيدر ) وضع فيها جدول جديد من خمسة اعمدة وصف واحد
واضغط في الخليه السفليه الوسطى (
الفوتر ) وضع فيها جدول جديد
من ثلاثة اعمدة وصف واحد
تماما كما في الشكل التالى
الان يمكنك بناء تصميمك بالشكل الذي تريد
لكن اعمل حساب نقطة مهمه جدا
اجعل خلية التمدد الاولى 50% وخلية التمدد الثانية 50%وخلية تمدد الفوتر 100% ليكون تصميمك غايه بالروعة عند عرضه على دقة شاشة اخرى
كود الجدول
انسخ هذا الكود وضعه في الفرونت بيج
كود PHP:
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td>
<table border="0" width="100%" id="table2" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>
<table border="0" width="100%" id="table3" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</td>
<td> </td>
</tr>
</table>
انشاء الله يكون درس اليوم خفيف وسهل
تحياتي واي خدمه انا حاضر
تحياتي
أخوكم فى الله
منقول