ط*ظپط± ط§ظ„ط¬ط¯ظˆظ„ ظ„ظƒط§ظپط© ط§ظ„ظ…طھطµظپط*ط§طھ ظˆظ„ط§ظƒظ† ط§ظƒط«ط± ظ…ظ† ظƒظˆط¯ طھظپط¶ظ„ ظˆطھط¹ظ„ظ… ط§ظ„ط·ط±ظٹظ‚ ط¥ظ„ظ‰ ط§ظ„ط¥ط*طھط±ط§ظپ





اليوم بإذن الله سوف نقوم بتقيم درس مفصل مهمة الأساسية
إخراج الإستايل style بشكل جميل فى الحدود التى تكون بين أجزاء الجداول


فقد تقدم اخى الحبيب كتوم ca2oom فى تقديم هذا الدرس مفصل

ولاكن اليوم سوف أقوم بإضافة أتمنى ان تكون طيبة لكم

ملحوظه طبعا الإضافة جديدة وغير مكررة وحصرى



بسم الله نبدأ

الكود code اليوم سوف نقدمة لكم بكل الطرق التى تحبها


عريض
رفيع
حدود واسعة

لا تتعجلو سوف نقوم بالشرح طريقة بإذن الله بالصور والموضوع طويل


نتعرف على حدود الجدول العريضة

هذه الحدود غاية فى الروعة إن أستطعت تطبيقها بإحتراف على تصاميمك وتطفى طابع جميل
ومن ميزاتها الفخامة مثـــال
كان يتم فيما مضى أستخدام خانة متغيارت الإستايل style بوضع كود code والتحكم بيه وباللون
مثال للكود code القديم

ولاكن هنا وبكل أسف بالفعل تحكمنا فى متغيارت حفر الجدول كامل على إستايل style المنتدى forum ولاكن على متصفح واحد فقط لا غير الأنتر نت أكسبلوير سواء قديم او 7
ولاكن كى نأتى بكود code عريض نستعوض هذا الكود code زو الارقام والأوان بهذا الكود code البسيط


رمز PHP:
<code style="white-space:nowrap"> <code> 4" border="1
</code> </code>

وطبعا بعد مراجعة الإستايل style بعد وضع الكود code سوف تجدة


عريض ولاكن بارز وشكل غير مرغوب بيه

وطبعا لأننا لم نكمل الحفر وإعطاء قيمة اللأوان المتناسبة للإستايل style
الأن نتوجة إلى رئيسي Css
ونبدأ فى وضع القيم المتناسبة مع التصميم وألوانة من بداية حفر الجدول حتى أن ننتهى
والقيم الأن هيه
رمز PHP:
<code style="white-space:nowrap"> <code> border-left: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #F393BA;
border-bottom: 2px solid #F393BA;
</code> </code>

وتعريف القيم هذه لكى يتم أحتساب اللون عليها كما ترون
صورة

1- left= يسار
2- top = اعلى
3- right = يمين
4- bottom = اسفل

بعد تعرفنا على هذه القيم ندخل على تعديل الإستايل style >>>> الرئيسيى
Css

الأن توجة إلى الجزء الخاص بالحفر لانه سوف يترتب عليه الحفر الكامل على كافة الحدود
سواء حفر رفيع سميك متوسط
وكما هوه موضح يتم وضع الكود code المعلن اعلاه فىكافة الاجزاء المشار لها الأن بالصور

هذه الصورة التالية يترتب عليها حفر وخواص كاملة للخلفية والحدود لكافة الإستايل style



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



الصورة التاليى نهاية الجدول وتظهر غالباً فى الجزء المختص باللغه وتغير الإستايل style مهم جداً فى الشكل الجمالى


الأن الحدود سوف تكون عامة بين اللون المتناوب الأول والثانى alt1+alt2



الجزء التالى خاص بالأزرار فى الإستايل style ويعطى حدود طيبة وتنثيق حلو للأزرار الداخلية وليست المصممة


محيط اللوحة مختص فى الغالب لصندوق أدوات الموضوع





هنا يتم وضع كود code الحفر بعد القيمة الموضوعه داخلة بدون تغير وتوضح الصورة

التحكم بالقوائم التى تنسدل من الناف بار ألخ إن تواجدد بالتيبل المطلوب للحفر

براعى وضع كود code الحفر بعد القيم المتواجدة فى الأصل وعدم إزالتها

براعى وضع كود code الحفر بعد القيم المتواجدة فى الأصل وعدم إزالتها

براعى وضع كود code الحفر بعد القيم المتواجدة فى الأصل وعدم إزالتها


إنتهينا بحمد الله من توزيع الكود code على كافة أرجاء الأجزاء التى تحتاج إلى حفر وظهور بشكل طيب
للمشاهدة للتطبيق على كافة المتصفحات
هنــــــــــــــــــــ ترقية upgrade وتطوير ــــــــــــــــــــــــــــا
أو
هنـــــــــــــــــــ توزيع وتركيب install ــــــــــــــــــا


الأن أنتهينا من التعريف بالحفر العريض ولاكن الدرس مفصل لم ينتهى
لن فى الغالب لا يتوافق الحفر العريض مع أزواق المستخدم العربى
فيكونت عرض الحدود التحكم بها عن طريق الكود code رمز PHP:
<code style="white-space:nowrap"> <code> 4" border="1
</code> </code>

بتغير القيم 4 إلى 3 إلى 2 إلى ازلة الكود code كامل ووضع الإفتراضى
1
فإن أزلنا كود code العرض من متغيارت الإستايل style يتم أخز الكود code وإظهارة بالشكل التالى


ونتحكم هنا فى الظهور بتقليل او إذادة القيم

القيمة التالية تظهر كما بالصورة العلوية

رمز PHP:
<code style="white-space:nowrap"> <code> border-left: 2px solid #F1DBC2;
border-right: 2px solid #DBB694;
border-bottom: 2px solid #DBB694;
border-top: 2px solid #F1DBC2;
</code> </code>

إلى
رمز PHP:
<code style="white-space:nowrap"> <code> border-left: 1px solid #F1DBC2;
border-right: 1px solid #DBB694;
border-bottom: 1px solid #DBB694;
border-top: 1px solid #F1DBC2;
</code> </code>

وهذه القيمة تظهر كما موضح تالى

وبهاك productذا تم بحمد الله توافق كود code حفر الجدول على كافة المتصفحات بدون اى مشاكل + التوافق التام بإذن الله مع كافة المقايس العالمية
ولا ننسا التوافق مع شكل الإستايل style

الأن نكون قد انتهينا بحمد الله من حفر الجدول تام

الدرس مفصل مشروح على متصفح Firefox
وأى سؤال بإذن الله أخوكم حاضر له بالتوفيق والخير نلتقى

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

وفي ختام هذا الشرح طريقة أدعوا الله لي ولكم ولوالدينا ولمن أحببناه في الدنيا
بالهداية والصلاح في الدنيا وأن يجمعنا جميعاً في الفردوس الأعلى ....

سبحانك اللهم وبحمدك , أشهد أن لا اله إلا أنت أستغفرك وأتوب إليك
أخوكم فى الله
Ali Losha




رابط الدرس مفصل الأصلى





التعديل الأخير كان بواسطة Losha; 14 - 06 - 2014 الساعة 18:40




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