Artık IE6 Kullanan İstemiyoruz!

Web geliştiricilerin en büyük sorunlarından biri olan tarayıcı uyumsuzluklarının baş kahramanı 2001 yılında yayınlanmış olan Microsoft Internet Explorer 6 sürümüdür.

Bu isyanın sebebi bu uygulama CSS ve XHTML konusunda artık standart kabul edilen hiç bir uygulama ve koda tam destek vermemesinden dolayıdır.

İnternet üzerinden IE6 kullanan kullanıcı olmasa böyle bir sorun da kalmayacak ve geliştiriciler de zamanlarını daha iyi siteler yapmaya harcayabilecekler.

Bu sebeple bazı internet sitelerinin desteklediği “IE6 No More” adlı bir kampanya başlatıldı. Site de bir çok dilde hazırlanmış özel bir HTML kodu var. Bu kodu sitenize eklediğinizde, IE7‘den daha küçük sürümlerle giren kullanıcılara bir mesaj çıkacaktır. Bu mesajda IE8, Firefox, Safari, Chrome tarayıcılarını yükleme bağlantıları bulunmaktadır.

Tiport.com olarak bu kodu bizde sitemize ekledik. Ayrıca Türkçe versiyonunu da hazırlayıp, kampanyayı yürütenlere kodu ilettik. Henüz siteye eklenmediğinden alttaki kutudan kodu kopyalayabilirsiniz. (Bazı webmasterlar sevmediği için linkleri nofollow’da yaptık, gönül rahatlığıyla sitelerinize ekleyin ve IE6 kullanan kalmasın…)

KOD:
<!--[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='Bu uyarıyı kapat'/></a></div> <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'> <div style='width: 60px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Uyarı!'/></div> <div style='width: 320px; float: left; font-family: Arial, sans-serif;'> <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>Güncel olmayan bir tarayıcı kullanıyorsunuz</div> <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>Bu siteyi kullanırken daha iyi bir deneyim için, lütfen web tarayıcınızı güncel bir sürüme yükseltiniz.</div> </p></div> <div style='width: 65px; float: left;'><a rel="nofollow" href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Firefox 3.5 Yükleyin'/></a></div> <div style='width: 65px; float: left;'><a rel="nofollow" href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt="Internet Explorer 8'e Yükseltin"/></a></div> <div style='width: 63px; float: left;'><a rel="nofollow" href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Safari 4 Yükleyin'/></a></div> <div style='float: left;'><a rel="nofollow" href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Google Chrome Yükleyin'/></a></div> </div> </div> <p><![endif]-->WordPress TinyMCE yüzünden sonda <p> tagı kalıyor. Onu siliniz.