إذا كنت ممن يحب التجديد أو التحديث أو أن موقعك يستخدم تقنية الويب 2 أو المدونات فإن أغلبية تلك المواقع وإن كانت ذات مظهر ومضمون جيدين تظهر في بعض المتصفحات بشكل سيء جداً ومن ضمن تلك المتصفحات التي تسيء لسمعة موقعك هو الاكسبلورر ، ومما لا شك فيه فإن أي صاحب موقع يريد ان يظهر موقعه بمظهر لائق للمتصفحين وذلك للحفاظ على زواره .
حسناً إليكم الكود التالي المُعرب والذي يظهر للزائر عندما يستخدم متصفح قديم وخاصة انترنت اكسبلورر 7 وأدنى ، يمكنك وضع الكود حيث تشاء والافضل وضعه في ملف header.php بالنسبة لمستخدمي الووردبريس .
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!--[if lt IE 7]> <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'> <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='إغلاق التنبيه'/></a></div> <div style='width: 640px; margin: 0 auto; text-align: right; padding: 0; overflow: hidden; color: black;'> <div style='width: 75px; float: right;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='تنبيه !'/></div> <div style='width: 275px; float: right; font-family: tahoma; text-align : right ; '> <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>أنت تستخدم متصفح قديم!</div> <div style='font-size: 12px; margin-top: 6px; line-height: 15px;'>لأفضل تصفح ، استخدم متصفح أحدث.</div> </div> <div style='width: 75px; float: right;'><a href='http://www.firefox.com' target='_blank' rel="noopener"><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='فايرفوكس'/></a></div> <div style='width: 75px; float: right;'><a href='http://www.browserforthebetter.com/download.html' target='_blank' rel="noopener"><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='اكسبلورر 8'/></a></div> <div style='width: 73px; float: right;'><a href='http://www.apple.com/safari/download/' target='_blank' rel="noopener"><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='سفاري 4'/></a></div> <div style='float: right;'><a href='http://www.google.com/chrome' target='_blank' rel="noopener"><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='قوقل كروم'/></a></div> </div> </div> <![endif]--> |
بمعنى أصح أن الكود يخبر مُستخدم متصفح الاكسبلورر 6 + 7 بأن يقوم بتحديث المتصفح او تغييره للافضل وهذا شئ رائع .
رابط ذو صلة : ie6nomore.com
إضافة ممتازة
لعل الناس القديمة و المنخدعة بالاكسبلور تفهم ،،
تم الاقتناص ،،
جميلة بارك الله فيك…
جاري النسح 😉
العفو .. وأتمنى لك التوفيق ^_^
السلام عليكم اخي الكريم
هذه ثاني مرة استفيد من موقعك المميز بعدما تعرفت عليه بمدة قليلة
جازاك الله عنا كل خير ووفقك لما يحبه ويرضاه
وعيد مبارك سعيد
وعليكم السلام أخي عثمان ادرويش
ويجزاك ألف خير .. وأتمنى أن يكون الموقع لفائدة الجميع .
و الله رائعة
هل ممكن تقول لمن يستخدم اى متصفح غير الفايرفوكس بان يستخدم
يعنى مثلا لو شخص دخل على موفعك من خلال جوجول كروم او اكسبلورر تقول اة استخدم فايرفوكس
أهلاً اخي بركوتا ^_^
بإمكانك التعديل على الكود كما تشاء سواء بإضافة كلمة أو أكثر .
استخدم انترنت اكسبلورر لتشاهد الرسالة في الموقع تظهر لك فقد قمت بإضافة العبارة [ ننصح باستخدام الفايرفوكس فهو الافضل ]
تسلم يالذيب ..
ما قصرت ..
بالنسبه للمنتديات , هل يوضع هذا الكود في الهيدر مثل ما هو موضح في الوردبرس هنا ؟
ارجو الاجابه .. وشكرا
نعم أخي يتم وضعه في الهيدر .