المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : حل مشكلة السكرول بار مع المعايير القياسية للـ css


Ten
2011-12-12, 11:59 PM
لكم التحية أحبتي ...

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


وألوان السكرول بار تعمل على الإكسبلورر ولا تعمل على عدد من المتصفحات الأخرى كالفايرفوكس والأوبرا ...

إذاً حاجتنا لظهورها لمتصفح الإكسبلورر إذ أنها لا تظهر في الفايرفوكس والأوبرا ...

فكّرت في حل يجعل الكود يظهر في الإكسبلورر ولا يظهر للمتصفحات الأخرى ... ونجحت في ذلك واجتزت المعايير القياسية للـ css بنجاح ... http://www.traidnt.net/vb/images/smilies/shiny01.gif

الشرح:

أنظر للكود التالي:


<link rel="stylesheet" type="text/css" href="rufaaonline/images/style-1803bc8f-00048281.css" /><!--[if IE]><link rel="stylesheet" type="text/css" href="rufaaonline/images/style-1803bc8f-0004828ie.css" /><![endif]-->الكود أعلاه يوضع بدلاً للكود التالي:

$style[css]وهو موجود في قالب:

headincludeوهو خاص بفصل أنماط css كملف مستقل ...



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


افتح الملف الجديد بالنوت باد وأمسح كل ما به من أكواد ما عدا الكود الخاص بالسكرول بار ثم نحفظه ونرفعه إلى ملف الصور للاستايل وإذا لم يكن هناك ملف للصور داخل ملف الاستايل أنشئ ملف جديد باسم images وأرفع الملف إليه ...

ثم عد إلى الملف القديم وقم بتعديله في هذه المرة بمسح كود السكرول بار والإبقاء على بقية الأكواد بمعنى (العملية عكسية) ... ونرفعه أيضاً إلى ملف الصور للاستايل.

ارجع للكود الأول مرة أخرى وعدل على أسماء ملفات الـ css واسم مجلد الاستايل على حسب الأسماء التي لديك:

حينها سيقرأ المتصفح أكواد السكرول بار للإكسبلورر فقط حيث خصصناه فقط بالشرط الموضح وهو:-

<!--[if IE]>// هنا وضعنا كود رابط ملف css الجديد والخاص بالإكسبلورر وبه أكواد السكرول بار فقطوهذا هو:<link rel="stylesheet" type="text/css" href="rufaaonline/images/style-1803bc8f-0004828ie.css" /> لاحظ لاسم ملف css وآخره ie <![endif]-->


ولكم كل الود والتقدير ،،،