شرح كيفية استخدام استايل لكل متصفح Css بسهولة تامة







بسم الله الرحمن الرحيم

 شرح كيفية استخدام استايل لكل متصفح Css بسهولة تامة فائدة الشرح مع وجود متصفح فاشل مثل انترنت اكسبلورر اصبح الموضوع مؤلم للمصممين و يعانى منه الكثير لان الكثير من المميزات لا تعمل عليه و تخرب شكل موقعك سبب وضعى للشرح بعد ان برمجت موقع كاملا و لله الحمد عملتله استايل كامل Css فقط فوجئت انه قمة فى التناسق مع كل المتصفحات Firefox Safari Chrome Opera و لكن تبقى الانترنت اكسبلورر كان شكله عليه وحش جدا طبعا انا كنت ناوى انى اكتب كلمة يمنع تصفح الموقع بواسطة انترنت اكسبلورر من كرهى له لكن ما كان ينفع لان بعض الناس رغم فشله لسه بيحبوه و لكن لقيت حل بديل و هو عمل استايل خاص بيه عندما يتصفح الزائر الموقع بواسطة متصفح انترنت اكسبلورر يظهر له بالشكل الخاص به بمعنى انك يكون عندك استايل عادى Zero.Css

و استايل خاص بانترنت اكسبلورر مثلا IE8.Css

رمز PHP:
<Head

 و هذا الكود جميع الاكواد يتم وضعها بداخل وسم

 و تسمى الاستايل باسم الملف الموجود فى الكود فى حالة أردت استهداف انترنت اكسبلورر 6 تضع الكود التالى

رمز PHP:
<!--[if IE 6]>
        <
link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]--> 

فى حالة أردت استهداف انترنت اكسبلورر 7 تضع الكود التالى

رمز PHP:
<!--[if IE 7]>
        <
link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]--> 

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

رمز PHP:
<!--[if IE]>
        <
link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]--> 

فى حالة أردت استهداف اى متصفح ماعادا إنترنت اكسبلورر

رمز PHP:
<!--[if !IE]><!-->
        <
link rel="stylesheet" type="text/css" href="not-ie.css" />
 <!--<![endif]--> 
معنى كلمة استهداف اى انك تستعمل الاستايل الخاص به عند تصفح الزائر به بمعنى استهداف انترنت اكسبلورر 7 معناه لو الزائر تصفح الموقع بانترنت اكسبلورر 7 راح يظهر معاه الاستايل اللى انت محدده بجميع الاعدادات الموجودة فيه أتمنى من الله يكون الشرح سهل و اى مساعدة لا تترددوا و أعتذر لو فى أى خطأ فى الشرح

http://www.traidnt.net/vb/showthread.php?t=1824939