المسافرون العرب السياحة في تركيا عطلات افضل المطاعم السعودية دليل المواقع حوامل
ميكساتك افضل سعودي بينج عروض السعودية عروض كافيهات جدة
  المسافر كود خصم نون اسعار الموبايلات اوروبا  
           
النتائج 1 إلى 4 من 4
حفر الجدول لكافة المتصفحات ولاكن اكثر من كود تفضل وتعلم الطريق إلى الإحتراف
  1. #1
    نبض جديــد الصورة الرمزية Losha
    تاريخ التسجيل
    04- 2006
    المشاركات
    83

    Smile حفر الجدول لكافة المتصفحات ولاكن اكثر من كود تفضل وتعلم الطريق إلى الإحتراف




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


    فقد تقدم اخى الحبيب كتوم 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. #2
    نبض متألـق الصورة الرمزية خلود
    تاريخ التسجيل
    04- 2003
    المشاركات
    3,905
    ألف شكر لك على هذه المعلومات والدروس الطيبة يا اختي لوشا

  3. #3
    نبض جديــد الصورة الرمزية ماضي
    تاريخ التسجيل
    04- 2007
    المشاركات
    14
    شرح رائع
    يا اخي لوشيا
    نتظر جديدك

  4. #4
    المدير العام الصورة الرمزية ضيف المهاجر
    تاريخ التسجيل
    05- 2002
    المشاركات
    6,403
    شكرا لك يا مبدع ....

    على هالشرح المميز والرائع

    تحياتي

معلومات الموضوع

الأعضاء الذين يشاهدون هذا الموضوع

الذين يشاهدون الموضوع الآن: 1 (0 من الأعضاء و 1 زائر)

ضوابط المشاركة

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

  عروض رمضان عروض العثيم عروض بنده عروض هايبر بنده  


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15