النتائج 1 إلى 2 من 2

الموضوع: لطريقة الصحيحة لحفر جدوال المنتدى المتوافقه مع كل المتصفحات بواسطة الـ css

  1. #1
    عضو جديد
    تاريخ التسجيل
    Jan 2008
    المشاركات
    15

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



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

    بعد أن طرحت موضوعي هذا

    http://www.swalif.net/softs/swalif59/softs225387/

    وجدت هذا الحل للأخ
    ca2oom
    ::مشرف أقسام تعليم استايلات::
    بمعهد ترايدنت


    وقد نقلته لكم كما هو عدا بعض الصور


    كثيرا مانعانى من شكل حدود المنتدى على المتصفحات الأخرى غير الأكسبلوار وللأسف أغلب مصممي الاستايلات لا تهتم بهذا النقطة حتى المنتديات التطويرة الكبيرة !
    مثلا حاول ان تفتح منتدى المشرق على متصفح الفايرفوكس وشاهد كيف تظهر حدودة ( مشكلة !! )


    http://www.almshreg.com/up/uploads/i...aefab2b7d4.jpg

    بينما على الأكسبلورر تظهر هكذا

    http://www.almshreg.com/up/uploads/i...e1adad4f13.jpg

    والسبب في ذلك يرجع ان البعض مازال يستخدم الكود القديم المتهالك لحفر الجدول فى لغه html وهو borderColorDark و borderColorLight والحد border=1
    وتجده بالشكل التالي بالجدول ..
    كود PHP:
    <table class="tborder" cellpadding="0" cellspacing="0" borderColorDark="#FFFFFF" borderColorLight="#8F7D5E" border="1"  width="100%" align="center"
    وهذا الكود يلغي كود التحديد القياسي لحدود المنتدى الافتراضيه فى الـ class=tborder والذى بدورة يطلب كود الحد من متغيرات css القياسية
    والفاجعه ايضا ان تجد مصمم الاستايل لكي يطبق هذا الحفر بين كل موضوع والثاني اى فى alt1 و alt2 يضع نفس هذا الكود فى متغيرات الاستايل ثم Inner Border Width أو عرض الحدود الداخلي بالكود التالي :
    كود PHP:
     2" borderColorDark="#FFFFFF" borderColorLight="#10375D" border="1 


    وهذا خطأ كبير لان الامر كان يصلح قديما فى الزمن الجميل وقبل ان تنتشر المتصفحات الجديدة التى تعتمد على الأكواد القياسيه والنمط css فى التصميم ــ فرجاء الان من كل مصمم ان يحذف هذا الكود نهائياً من الاستايل ويرجع هذا الخيار بإعدادات المنتدى للوضع الافتراضي وهو (1 بكسل) ــ

    ثم
    إذهب الى الإستايلات والقوالب > التحكم بالإستايل > css رئيسي .......


    - لحدود الجدول المحفورة الخارجية ابحث عن ( حدود الجدول ) وضع لون للخلفية مناسب بحيث يكون أغمق قليلاً من لون خلفية صفحة المنتدى لديك ( حسب تلوينك )

    وهذا سيمثل الحد الداخلي ..

    ثم من ( خواص css إضافية ) اضف الكود التالي وهو الذى يمثل الحد الخارجي
    كود PHP:
    border1px solid #FFFFFF;
    border-top0px
    -
    للفصل بين المواضيع بكود الحفر في المتغيرات alt1 و alt2 إذهب الى اللون المتناوب الأول ثم ( خواص css إضافية ) وضع الكود التالي فيها :

    كود PHP:
    border-left1px solid #FFFFFF;
    border-top1px solid #FFFFFF; 
    نفس الكود كررة مع لون التوزيع الثاني ...



    - الوصلات الخاصة بالـ navbar هذا سيتطلب منا الدخول على القالب والتعديل عليه ..

    إفتح القالب بالدريم ويفر وابحث فيه الكود التالي :
    كود PHP:
    <!-- nav buttons bar -->
    <
    div align="center">
        <
    table class="tborder" cellpadding="$stylevar[cellpadding]cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px"
    وهو بدايه الجدول الخاص بالوصلات ..
    ونستبدله بالتالي :

    كود PHP:
     <!-- nav buttons bar -->
    <
    div align="center">
        <
    table class="tborder" cellpadding="$stylevar[cellpadding]cellspacing="$stylevar[cellspacing]border="0" width="100%" align="center" style="border-top-width:0px"
    وما تم فعله هو تحديد ( cellspacing ) فقط بدلا من القيمة 0
    بعدها نذهب ايضا ونبحث علي ( التحكم بالقوائم المنبثقة/Popup Menu Controls ) من css رئيسي ونضيف نفس الكود اللى اضفناه بلون التوزيع الاول والثاني ...

    بنفس هذا الكود ايضاً يمكننا وضعه بقائمة الإنبثاق حتى تظهر هى الأخري بحدود داخليه محفورة ..


    مع التحية للكل وأتمنى أن أكون قدمت شيئا مفيدا

    ( ملاحظة
    1- الكل يعرف أن هذا الرمز للون ويمكنك استبداله بما يتوافق مع لون استايلك
    كود PHP:
    #FFFFFF; 
    2-لم أضع رابط الموضوع الأصلي خشية أن يكون محظورا وضع رابط منتدى آخر





    التعديل الأخير تم بواسطة almshreg ; 26-04-2008 الساعة 12:09 AM


  2. #2
    عضو نشيط
    تاريخ التسجيل
    Mar 2008
    المشاركات
    133


    شكرا اخى الفاضل المشرج على التوضيح










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

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

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