Internet Explorer 6 Warning - Printable Version +- GetSimple Support Forum (http://get-simple.info/forums) +-- Forum: GetSimple (http://get-simple.info/forums/forumdisplay.php?fid=3) +--- Forum: Scripts & Components (http://get-simple.info/forums/forumdisplay.php?fid=11) +--- Thread: Internet Explorer 6 Warning (/showthread.php?tid=6879) |
Internet Explorer 6 Warning - inteq - 2014-10-23 Hello, Been trying to find an easy way to check the visitor's browser, warn if it is Internet Explorer 6 and present some options. This solution works for me: <!--[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='<?php get_theme_url(); ?>/images/ie6/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div> <div style='width: 840px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'> <div style='width: 75px; float: left;'><img src='<?php get_theme_url(); ?>/images/ie6/ie6nomore-warning.jpg' alt='Warning!'/></div> <div style='width: 520px; float: left; font-family: Arial, sans-serif;'> <div style='font-size: 18px; font-weight: bold; margin-top: 12px;'>You are using an outdated and insecure browser!<br />Our website no longer supports Internet Explorer 6 & 7.</div> <div style='font-size: 16px; margin-top: 6x; line-height: 18px;'>Please upgrade to a modern web browser or stop browsing the internet.</div> </div> <div style='width: 75px; margin-top: 3px; float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='<?php get_theme_url(); ?>/images/ie6/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div> <div style='width: 75px; margin-top: 3px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='<?php get_theme_url(); ?>/images/ie6/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox'/></a></div> <div style='width: 73px; margin-top: 3px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='<?php get_theme_url(); ?>/images/ie6/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari'/></a></div> </div> </div> <![endif]--> How it would look: How to setup: 1.Download the attached file ie6.zip, extract the folder and upload it into your "theme/<theme_name>/images" folder. 2.In Admin Panel, go to Theme Management. 3.Edit header.inc.php 4.Search for </head> In my theme.inc.php I have: </head> <body id="<?php get_page_slug(); ?>"> 5.Right after <body id="<?php get_page_slug(); ?>"> on a new line, copy paste the solution from above. 6.Save and test. You can test your website online using NetRenderer Tips: Please edit the text before going live. Have fun and hope you find it useful. RE: Internet Explorer 6 Warning - shawn_a - 2014-10-24 There are probably jquery plugins to do this RE: Internet Explorer 6 Warning - inteq - 2014-10-24 (2014-10-24, 09:32:18)shawn_a Wrote: There are probably jquery plugins to do this There are jquery options of course. I went with this option for when the user has Scripting disabled in IE RE: Internet Explorer 6 Warning - paknoukri - 2015-07-05 (2014-10-24, 14:35:24)inteq Wrote:Great answer as there are jquery but if they are disabled them there is another trick you done to display that error message. Thanks for it as today I knew one other good informative coding from you. I am learning web development day by day and hope will become giant in future(2014-10-24, 09:32:18)shawn_a Wrote: There are probably jquery plugins to do this RE: Internet Explorer 6 Warning - revotron - 2015-07-18 IE 6 & 7 cute I stopped supporting everything lower than IE 10, including information for older browsers via http://outdatedbrowser.com/en |