بسم الله الرحن الرحيم
بنائا على طلب بعض الاخوان الكرام الرائعين في المنتدى
اخوكم السيكا ميكا صاحب تطلعات وحب معرفة وتعلم التصميم والبرمجه

قام بتصميم واجهه رائعة جدا ولكن وقف عند تقطيع التصميم وانتقاء نقطة التمدد للاستايل

اليكم الطريقة وكيفية معالجه تصميم يحتوي على سبع خلايا في الهيدر

وثلاث او خمس في الفوتر او سبعه او كما تحب ليس هناك اشكال

اولا اهم نقطه في الموضوع

اعمل حساب لنقطة التمدد في الاستايل اثناء التصميم

اليكم المثال التالى من تصميم اخوكم السيكا ميكا صاحب شبكة رسوم http://www.rsoom.com
والدرس منقول لكم من أستاذى الغالى bluestar

http://www.rsoom.com/markz/get.php?filename=1114299385.jpg

لو اردنا تقطيعه بالصورة الصحيحة سوف تكون نقطة التمدد بالاستايل
نقطتين نظرا لتساوي الاستايل من الجه اليمنا واليسرى وهذي من الاستايلات التى
لا بد من وضع نقطتين للتمدد تحمل الاولى 50% والثانيه 50%
نقوم بتعلم طريقة التقطيع
اولا سوف تستخدم الادة الخاصة بالتقطيع ويكون التقطيع بهذه الصورة
http://asayl.net/up/asayl/get2.jpg
اما طريقة بناء الجداول فسيكون على الشكل التالى
اعمل جدول من ثلاثة صفوف وثلاثة اعمدة ثم اضعد في الخليه العلويه
الوسطى ( الهيدر ) وضع فيها جدول جديد من خمسة اعمدة وصف واحد
واضغط في الخليه السفليه الوسطى ( الفوتر ) وضع فيها جدول جديد
من ثلاثة اعمدة وصف واحد
تماما كما في الشكل التالى

http://asayl.net/up/asayl/get3.jpg
الان يمكنك بناء تصميمك بالشكل الذي تريد
لكن اعمل حساب نقطة مهمه جدا
اجعل خلية التمدد الاولى 50% وخلية التمدد الثانية 50%وخلية تمدد الفوتر 100% ليكون تصميمك غايه بالروعة عند عرضه على دقة شاشة اخرى


كود الجدول
انسخ هذا الكود وضعه في الفرونت بيج

<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
<td>
<table border="0" width="100%" id="table2" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>
<table border="0" width="100%" id="table3" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</td>
<td>&nbsp;</td>
</tr>
</table>

انشاء الله يكون درس اليوم خفيف وسهل
تحياتي واي خدمه انا حاضر
تحياتي
أخوكم فى الله
Ali Losha

مشكور على الشرح

مشكور على الشرح
الشكر على مرورك الكريم
يا غالى
كل الود

جزاك الله كل خير

السلام عليكم


ممكن أعرف شنو فايدة منطقة التمدد الثانية

السلام عليكم


ممكن أعرف شنو فايدة منطقة التمدد الثانية
الفائده يا غالى كما تلاحظ
وجود صور فى الموضوع لو لم تكن موجوده لتشقق الإستايل وسار متقطع فى الهيدر والفوتير
لاحظ ذلك مع أى إستايل غير متمدد

الأخ لوشـا
بـارك الله فيـك على هذا الشـرح
تسلم أيدك أخوي

أخوي لوشا آنا أعرف فايدة منطقة التمدد

و لكن منطقة التمدد الأولى تشبه الثانية بل تطابقها

آنا أحط منطقة تمدد للهيدر و منطقة تمدد للفوتر و أقطع بس وحدة أحطها خلفية لجميع الخلايا

فممكن أعرف شنو فايدة المنطقة الثانية

أخوي لوشا آنا أعرف فايدة منطقة التمدد

و لكن منطقة التمدد الأولى تشبه الثانية بل تطابقها

آنا أحط منطقة تمدد للهيدر و منطقة تمدد للفوتر و أقطع بس وحدة أحطها خلفية لجميع الخلايا

فممكن أعرف شنو فايدة المنطقة الثانية
أنظر يا طيب لهذا الموضوع ما تجديد تجد أن الصوره جعلت الإستايل يتمدد بسبب وضع صور كبيره
ولاكن الإستايل لم تشوه شكله
هذه فائدة منطقة التمدد

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

الله يجزاك كل خير اخوي

الف شكر على شروحاتك لارااائعة

وان شاءالله الجميع يستفيد منها

دمت بود

اختك

ونوودة

بارك الله فيك اخي علي لوشا على الدرس الرائع
دائما مبدع

دائماً مبدع والله اخي
بالتوفيق لك

العزيز losha
أرجو إعادة تحميل الصور في هذا الموضوع ,,,,,
لأنها غير ظاهرة

العزيز losha
أرجو إعادة تحميل الصور في هذا الموضوع ,,,,,
لأنها غير ظاهرة



نرجو أعاده رفع الصور أو تظبيط الروابط !

مع خالص الشكر للأخ لوشا

جزاك ربي كل الخير :)

الله يعطيك العافيه

حقيقه انا تهت مع الشرح لان الصور غير ظاهره

ممكن اعادة تحميلها لا هنت يالغالي

تحيااتي لك

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

يعطيك العافية ياخي

في امان الله