بحث متقدم | التسجيل
الويب العربي
  تسجيل دخول
 
   
   

  ملاحظة
الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.




الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.

عـودة للخلف   الويب العربي المركز التعليمي المجاني قسم المنتديات

 
 
خيارات الموضوع طريقة العرض
  #1  
قديم 14-06-2007, 09:10 PM
Losha Losha غير متصل
عضو
 
تاريخ التسجيل: Dec 2005
مشاركة: 141
مستوى تقييم العضوية: 19
Losha is on a distinguished road
Awt6 حفر الجدول لكافة المتصفحات ولاكن اكثر من كود تفضل وتعلم ??




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


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

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

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



بسم الله نبدأ

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


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

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


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

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

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


كود PHP:
4" border="
وطبعا بعد مراجعة الإستايل بعد وضع الكود سوف تجدة


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

وطبعا لأننا لم نكمل الحفر وإعطاء قيمة اللأوان المتناسبة للإستايل
الأن نتوجة إلى رئيسي Css
ونبدأ فى وضع القيم المتناسبة مع التصميم وألوانة من بداية حفر الجدول حتى أن ننتهى
والقيم الأن هيه
كود PHP:
border-left2px solid #FFFFFF; 
border-top2px solid #FFFFFF; 
border-right2px solid #F393BA; 
border-bottom2px solid #F393BA; 
وتعريف القيم هذه لكى يتم أحتساب اللون عليها كما ترون
صورة

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

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

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

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



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



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


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



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


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


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

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

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

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

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


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


الأن أنتهينا من التعريف بالحفر العريض ولاكن الدرس لم ينتهى
لن فى الغالب لا يتوافق الحفر العريض مع أزواق المستخدم العربى
فيكونت عرض الحدود التحكم بها عن طريق الكود
كود PHP:
 4" border="
بتغير القيم 4 إلى 3 إلى 2 إلى ازلة الكود كامل ووضع الإفتراضى
1
فإن أزلنا كود العرض من متغيارت الإستايل يتم أخز الكود وإظهارة بالشكل التالى


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

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

كود PHP:
border-left2px solid #F1DBC2;
border-right2px solid #DBB694;
border-bottom2px solid #DBB694;
border-top2px solid #F1DBC2; 
إلى
كود PHP:
border-left1px solid #F1DBC2;
border-right1px solid #DBB694;
border-bottom1px solid #DBB694;
border-top1px solid #F1DBC2; 
وهذه القيمة تظهر كما موضح تالى

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

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

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

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

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

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




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






  #2  
قديم 14-06-2007, 09:28 PM
ravena ravena غير متصل
عضو
 
تاريخ التسجيل: Mar 2006
المدينة: saudi -شرقاويه
مشاركة: 442
مستوى تقييم العضوية: 19
ravena is on a distinguished road
إرسال رسالة عبر MSN إلى ravena
الافتراضي

اخوي ألله يعطيك العافيه

بصراحه بعد التطبيق الشكل اصبح روووعه مع الالوان فعلا تحفه

ألف شكر

وماننحرم من هذه الدروس

شكرا





  #3  
قديم 15-06-2007, 07:47 AM
الصورة الشخصية لـ إيراب
إيراب إيراب غير متصل
عضو
 
تاريخ التسجيل: Apr 2004
المدينة: ^* الرياض .. الويب العربي *^
مشاركة: 559
مستوى تقييم العضوية: 21
إيراب will become famous soon enough
إرسال رسالة عبر  AIM إلى إيراب إرسال رسالة عبر MSN إلى إيراب إرسال رسالة عبر Yahoo إلى إيراب إرسال رسالة عبر  Skype إلى إيراب
وسام الويب الفضي وسام الويب البرونزي 
عدد الأوسمة: 2 (المزيد ...)
الافتراضي

شروحاتك قمة في السهولة والوضوح ،،


بارك الله فيك اخي لوشا





 



خيارات الموضوع
طريقة العرض

قوانين المشاركة
لا يمكنك إضافة موضوع جديد
لا يمكنك الرد على المواضيع
لا يمكنك إضافة مرفقات
لا يمكنك تعديل مشاركاتك

كود vB متاح
كود [IMG] متاح
كود HTML مغلق
إنتقل إلى

مواضيع مشابهة
الموضوع الكاتب القسم مشاركة آخر مشاركة
إستايل رمضان ولاكن بنظرة مختلفة بأصاله الماضي من رؤية المتميز السعودى ولاكن تفضل►███ Losha قسم المنتديات 5 09-09-2007 02:03 PM
إستايل النور للمبدع تركى الودعانى للنسخ 3.6.7 ولاكن ؟؟؟؟ أخر تفضل أدخل Losha قسم المنتديات 5 17-07-2007 12:01 AM
تحكم انفنتي لاتظهر في كل المتصفحات ... !!! alqasas مجتمع ديموفنف 4 10-07-2007 06:25 AM
اكثر من 100 هاك للمنتديات للنسخة 3.6 تفضل بالتحميل Ellaithy قسم المنتديات 1 07-07-2007 03:58 AM


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 04:09 PM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.


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

صحيفة متخصصة في متابعة أخبار وجديد الإنترنت العربي
والحوارات الصحفية ومعلومات تقنية متنوعة .

   
 
 

للتواصل مع فريق عمل الويب العربي
يمكنك ذالك من خلال مركز الدعم والمساندة.

 الدعم الفني |  اعتماد العضويات |  قوانين الإنتساب |  إتفاقية الإستخدام |  أهداف الويب العربي |  دليل الشركات |  مكتبة الويب |  صحيفة الويب العربي |  الرئيسية