walid
10-30-2013, بتوقيت غرينيتش 08:49 PM
http://www.dzbatna.com/images/icons/iconrote.gif ط´ط±ط* ظƒظٹظپظٹط© ط§ط³طھط®ط¯ط§ظ… ط§ط³طھط§ظٹظ„ ظ„ظƒظ„ ظ…طھطµظپط* Css ط¨ط³ظ‡ظˆظ„ط© طھط§ظ…ط© (http://www.dzbatna.com/t1824939/)
بسم الله الرحمن الرحيم
شرح طريقة كيفية استخدام استايل style لكل متصفح Css بسهولة تامة
فائدة الشرح طريقة
مع وجود متصفح فاشل مثل انترنت اكسبلورر اصبح الموضوع مؤلم للمصممين
و يعانى منه الكثير لان الكثير من المميزات لا تعمل عليه و تخرب شكل موقعك
سبب وضعى للشرح طريقة
بعد ان برمجت موقع كاملا و لله الحمد عملتله استايل style كامل Css فقط
فوجئت انه قمة فى التناسق مع كل المتصفحات
Firefox
Safari
Chrome
Opera
و لكن تبقى الانترنت اكسبلورر كان شكله عليه وحش جدا
طبعا انا كنت ناوى انى اكتب كلمة يمنع تصفح الموقع بواسطة انترنت اكسبلورر من كرهى له
لكن ما كان ينفع لان بعض الناس رغم فشله لسه بيحبوه
و لكن لقيت حل بديل و هو عمل استايل style خاص بيه
عندما يتصفح الزائر الموقع بواسطة متصفح انترنت اكسبلورر يظهر له بالشكل الخاص به
بمعنى انك يكون عندك استايل style عادى Zero.Css
و استايل style خاص بانترنت اكسبلورر مثلا IE8.Css
و هذا الكود code
جميع الاكواد يتم وضعها بداخل وسم <Head>
و تسمى الاستايل style باسم الملف الموجود فى الكود code
فى حالة أردت استهداف انترنت اكسبلورر 6 تضع الكود code التالى
رمز PHP:
<code style="white-space:nowrap"> <code> <!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->
</code> </code>
فى حالة أردت استهداف انترنت اكسبلورر 7 تضع الكود code التالى
رمز PHP:
<code style="white-space:nowrap"> <code> <!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]-->
</code> </code>
فى حالة أردت استهداف انترنت اكسبلورر 8 و ما فوقه تضع الكود code التالى
رمز PHP:
<code style="white-space:nowrap"> <code> <!--[if gte IE 8]>
<link rel="stylesheet" type="text/css" href="ie8-and-up.css" />
<![endif]-->
</code> </code>
فى حالة اردت استهداف جميع اصدارات انترنت اكسبلورر
رمز PHP:
<code style="white-space:nowrap"> <code> <!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->
</code> </code>
فى حالة أردت استهداف اى متصفح ماعادا إنترنت اكسبلورر
رمز PHP:
<code style="white-space:nowrap"> <code> <!--[if !IE]><!-->
<link rel="stylesheet" type="text/css" href="not-ie.css" />
<!--<![endif]-->
</code> </code>
معنى كلمة استهداف اى انك تستعمل الاستايل style الخاص به عند تصفح الزائر به
بمعنى
استهداف انترنت اكسبلورر 7
معناه لو الزائر تصفح الموقع بانترنت اكسبلورر 7 راح يظهر معاه الاستايل style اللى انت محدده
بجميع الاعدادات الموجودة فيه
أتمنى من الله يكون الشرح طريقة سهل و اى مساعدة لا تترددوا
و أعتذر لو فى أى خطأ فى الشرح طريقة http://www.dzbatna.com/images/smilies/nosweat.gif
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
بسم الله الرحمن الرحيم
شرح طريقة كيفية استخدام استايل style لكل متصفح Css بسهولة تامة
فائدة الشرح طريقة
مع وجود متصفح فاشل مثل انترنت اكسبلورر اصبح الموضوع مؤلم للمصممين
و يعانى منه الكثير لان الكثير من المميزات لا تعمل عليه و تخرب شكل موقعك
سبب وضعى للشرح طريقة
بعد ان برمجت موقع كاملا و لله الحمد عملتله استايل style كامل Css فقط
فوجئت انه قمة فى التناسق مع كل المتصفحات
Firefox
Safari
Chrome
Opera
و لكن تبقى الانترنت اكسبلورر كان شكله عليه وحش جدا
طبعا انا كنت ناوى انى اكتب كلمة يمنع تصفح الموقع بواسطة انترنت اكسبلورر من كرهى له
لكن ما كان ينفع لان بعض الناس رغم فشله لسه بيحبوه
و لكن لقيت حل بديل و هو عمل استايل style خاص بيه
عندما يتصفح الزائر الموقع بواسطة متصفح انترنت اكسبلورر يظهر له بالشكل الخاص به
بمعنى انك يكون عندك استايل style عادى Zero.Css
و استايل style خاص بانترنت اكسبلورر مثلا IE8.Css
و هذا الكود code
جميع الاكواد يتم وضعها بداخل وسم <Head>
و تسمى الاستايل style باسم الملف الموجود فى الكود code
فى حالة أردت استهداف انترنت اكسبلورر 6 تضع الكود code التالى
رمز PHP:
<code style="white-space:nowrap"> <code> <!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->
</code> </code>
فى حالة أردت استهداف انترنت اكسبلورر 7 تضع الكود code التالى
رمز PHP:
<code style="white-space:nowrap"> <code> <!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]-->
</code> </code>
فى حالة أردت استهداف انترنت اكسبلورر 8 و ما فوقه تضع الكود code التالى
رمز PHP:
<code style="white-space:nowrap"> <code> <!--[if gte IE 8]>
<link rel="stylesheet" type="text/css" href="ie8-and-up.css" />
<![endif]-->
</code> </code>
فى حالة اردت استهداف جميع اصدارات انترنت اكسبلورر
رمز PHP:
<code style="white-space:nowrap"> <code> <!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->
</code> </code>
فى حالة أردت استهداف اى متصفح ماعادا إنترنت اكسبلورر
رمز PHP:
<code style="white-space:nowrap"> <code> <!--[if !IE]><!-->
<link rel="stylesheet" type="text/css" href="not-ie.css" />
<!--<![endif]-->
</code> </code>
معنى كلمة استهداف اى انك تستعمل الاستايل style الخاص به عند تصفح الزائر به
بمعنى
استهداف انترنت اكسبلورر 7
معناه لو الزائر تصفح الموقع بانترنت اكسبلورر 7 راح يظهر معاه الاستايل style اللى انت محدده
بجميع الاعدادات الموجودة فيه
أتمنى من الله يكون الشرح طريقة سهل و اى مساعدة لا تترددوا
و أعتذر لو فى أى خطأ فى الشرح طريقة http://www.dzbatna.com/images/smilies/nosweat.gif
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©