اليوم بإذن الله سوف نقوم بتقيم درس مهمة الأساسية
إخراج الإستايل بشكل جميل فى الحدود التى تكون بين أجزاء الجداول
فقد تقدم اخى الحبيب كتوم
ca2oom فى تقديم هذا
الدرس
ولاكن اليوم سوف أقوم بإضافة أتمنى ان تكون طيبة لكم
ملحوظه طبعا الإضافة جديدة وغير مكررة وحصرى
بسم الله نبدأ
الكود اليوم سوف نقدمة لكم بكل الطرق التى تحبها
عريض
رفيع
حدود واسعة
لا تتعجلو سوف نقوم بالشرح بإذن الله بالصور والموضوع طويل
نتعرف على حدود الجدول العريضة
![](http://www.losha.net/shro7/7afr/01.jpg)
هذه الحدود غاية فى الروعة إن أستطعت تطبيقها بإحتراف على تصاميمك وتطفى طابع جميل
ومن ميزاتها الفخامة مثـــال
كان يتم فيما مضى أستخدام خانة متغيارت الإستايل بوضع كود والتحكم بيه وباللون
مثال للكود القديم
![](http://www.losha.net/shro7/7afr/04.jpg)
ولاكن هنا وبكل أسف بالفعل تحكمنا فى متغيارت حفر الجدول كامل على إستايل المنتدى ولاكن على متصفح واحد فقط لا غير الأنتر نت أكسبلوير سواء قديم او 7
ولاكن كى نأتى بكود عريض نستعوض هذا الكود زو الارقام والأوان بهذا الكود البسيط
وطبعا بعد مراجعة الإستايل بعد وضع الكود سوف تجدة
عريض ولاكن بارز وشكل غير مرغوب بيه
وطبعا لأننا لم نكمل الحفر وإعطاء قيمة اللأوان المتناسبة للإستايل
الأن نتوجة إلى رئيسي Css
ونبدأ فى وضع القيم المتناسبة مع التصميم وألوانة من بداية حفر الجدول حتى أن ننتهى
والقيم الأن هيه
كود PHP:
border-left: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #F393BA;
border-bottom: 2px solid #F393BA;
وتعريف القيم هذه لكى يتم أحتساب اللون عليها كما ترون
صورة
![](http://www.losha.net/shro7/7afr/07.jpg)
1- left= يسار
2- top = اعلى
3- right = يمين
4- bottom = اسفل
بعد تعرفنا على هذه القيم ندخل على تعديل الإستايل >>>> الرئيسيى
Css
![](http://www.losha.net/shro7/7afr/08.gif)
الأن توجة إلى الجزء الخاص بالحفر لانه سوف يترتب عليه الحفر الكامل على كافة الحدود
سواء حفر رفيع سميك متوسط
وكما هوه موضح يتم وضع الكود المعلن اعلاه فىكافة الاجزاء المشار لها الأن بالصور
هذه الصورة التالية يترتب عليها حفر وخواص كاملة للخلفية والحدود لكافة الإستايل
الصور التالية سوف توضح الاماكن التى سوف يتم ظهور الحدود عليها بالشكل المطلوب
![](http://www.losha.net/shro7/7afr/011.jpg)
الصورة التاليى نهاية الجدول وتظهر غالباً فى الجزء المختص باللغه وتغير الإستايل مهم جداً فى الشكل الجمالى
الأن الحدود سوف تكون عامة بين اللون المتناوب الأول والثانى alt1+alt2
الجزء التالى خاص بالأزرار فى الإستايل ويعطى حدود طيبة وتنثيق حلو للأزرار الداخلية وليست المصممة
محيط اللوحة مختص فى الغالب لصندوق أدوات الموضوع
هنا يتم وضع كود الحفر بعد القيمة الموضوعه داخلة بدون تغير وتوضح الصورة
![](http://www.losha.net/shro7/7afr/017.jpg)
التحكم بالقوائم التى تنسدل من الناف بار ألخ إن تواجدد بالتيبل المطلوب للحفر
![](http://www.losha.net/shro7/7afr/018.jpg)
براعى وضع كود الحفر بعد القيم المتواجدة فى الأصل وعدم إزالتها
![](http://www.losha.net/shro7/7afr/019.jpg)
براعى وضع كود الحفر بعد القيم المتواجدة فى الأصل وعدم إزالتها
![](http://www.losha.net/shro7/7afr/020.jpg)
براعى وضع كود الحفر بعد القيم المتواجدة فى الأصل وعدم إزالتها
إنتهينا بحمد الله من توزيع الكود على كافة أرجاء الأجزاء التى تحتاج إلى حفر وظهور بشكل طيب
للمشاهدة للتطبيق على كافة المتصفحات
هنــــــــــــــــــــ ترقية وتطوير ـــــــــــــــــــــــــ ـــا
أو
هنـــــــــــــــــــ توزيع وتركيب ــــــــــــــــــا
الأن أنتهينا من التعريف بالحفر العريض ولاكن الدرس لم ينتهى
لن فى الغالب لا يتوافق الحفر العريض مع أزواق المستخدم العربى
فيكونت عرض الحدود التحكم بها عن طريق الكود
بتغير القيم 4 إلى 3 إلى 2 إلى ازلة الكود
كامل ووضع الإفتراضى
1
فإن أزلنا كود العرض من متغيارت الإستايل يتم أخز الكود وإظهارة بالشكل التالى
ونتحكم هنا فى الظهور بتقليل او إذادة القيم
القيمة التالية تظهر كما بالصورة العلوية
كود PHP:
border-left: 2px solid #F1DBC2;
border-right: 2px solid #DBB694;
border-bottom: 2px solid #DBB694;
border-top: 2px solid #F1DBC2;
إلى
كود PHP:
border-left: 1px solid #F1DBC2;
border-right: 1px solid #DBB694;
border-bottom: 1px solid #DBB694;
border-top: 1px solid #F1DBC2;
وهذه القيمة تظهر كما موضح تالى
![](http://www.losha.net/shro7/7afr/03.jpg)
وبهاكذا تم بحمد الله توافق كود حفر الجدول على كافة المتصفحات بدون اى مشاكل + التوافق التام بإذن الله مع كافة المقايس العالمية
ولا ننسا التوافق مع شكل الإستايل
الأن نكون قد انتهينا بحمد الله من حفر الجدول تام
الدرس مشروح على متصفح
Firefox
وأى سؤال بإذن الله أخوكم حاضر له بالتوفيق والخير نلتقى
![](http://00op.com/up/uploads06-08-17/6008c7257f.gif)
فالسماح على الخطأ والنسيان
فإن كان بيه خطأ فإنه منى وأنسانى إياه
الشيطان الرجيم
وإن أصبت
![](http://www.traidnt.net/vb/images/smilies/clap.gif)
فلله الحمد والمنة أن وفقت في ذلك
وفي ختام هذا الشرح أدعوا الله لي ولكم ولوالدينا ولمن أحببناه في الدنيا
بالهداية والصلاح في الدنيا وأن يجمعنا جميعاً في الفردوس الأعلى ....
سبحانك اللهم وبحمدك , أشهد أن لا اله إلا أنت أستغفرك وأتوب إليك
أخوكم فى الله
Ali Losha
رابط الدرس الأصلى