Do your part to help phase out Internet Explorer 6 forever by adding the warning in the image below to your site. It tells visitors using Internet Explorer 6 or an older browser that they need to upgrade to the current version right now.
All you have to do is add the Stop Living in the Past WordPress plugin to your WordPress powered blog or site or add the code below anywhere on your site. It is completely self-contained, CSS driven and will only show up if the visitor uses IE6. The code uses CSS to identify the browser and has no JavaScript or other elements that could interfere with your web site.
The WordPress Plugin
Using the Stop Living in the Past WordPress plugin is as easy as it gets:
- Download the WordPress plugin
- Unzip the archive to your computer
- Upload the StopLivingInThePast folder to your /wp-content/plugins directory
- Activate the Stop Living in the Past plugin from your WordPress admin panel.
That’s really all there is to it!
The code
If you don’t have a WordPress based blog or site or if you want to have more control over exactly where the warning will appear you can add it manually by copying the code in the box below. To add the warning to the top of your site paste the code below into your HTML code directly under the <body> tag. You can also add it as a sidebar element in WordPress by creating a new Text widget and pasting the code in manually.
<!-- BEGIN STOP LIVING IN THE PAST SCRIPT --> <!--[if lte IE 6]> <style type="text/css"> #slitp { padding: 10px; border: 3px solid #000099; margin: 8px 0; background: #DFEFFF; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 15px; } #slitp h1 { padding: 0px 0px 5px 0px; text-transform: uppercase; text-align: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #000099; font-size: 16px; color: #000099; } #slitp p { margin: 10px 0px 0px 0px; text-align: justify; } #slitp p a { font-weight: bold; color: #000099; } </style> <div id="slitp"> <h1>Your browser is outdated. Stop living in the past and upgrade!</h1> You are using the long outdated Internet Explorer 6 browser. This site may not display or work correctly and you are putting your data and privacy at risk. To get the most out of the web, upgrade to the <a href="http://www.microsoft.com/windows/products/winfamily/ie/default.mspx" title="Download the latest version of Internet Explorer for free directly from Microsoft" alt="Download the latest version of Internet Explorer for free directly from Microsoft" "target="_blank"> new version of Internet Explorer</a> right now. If you are at work and you see this message, talk to your IT department and ask them to upgrade the browser to secure your company data. <p><a title="Stop Living In the Past" href="http://www.stoplivinginthepast.com" target="_blank">Click here to learn more about why you should upgrade your browser.</a></p> </div> <![endif]--> <!-- END STOP LIVING IN THE PAST SCRIPT -->
Tutorials and a WordPress plugin are in the works
I am working on a series of tutorials detailing how to place the code in your site so stay tuned.
Have to repost, because obviously this comment form does no escaping whatsoever. Sorry.
Instead of
<!--[if IE 6]>you should definitely use
<!--[if lte IE 6]>, which checks for IE6 and earlier (lte = less than or equal to).
Thanks Martin. I’ll make that change immediately.
This is in response to Martin Grandrath’s post in the beginning and Morten you made the change to the code: One thing to think about is some users still run Windows 2000 and you cannot upgrade to IE7.
I love how this page throws javascript errors if you’re using IE6.
I noticed that when I tested the site in IE6. Thought it was funny and a good way to bring home the point so I kept it in. The JS warning stems from my using the WP-Syntax plugin for WordPress.
I think the code is bad for content oriented sites that are indexed in search engines frequently or have high volume data throughput.
You should inject the text using an external JavaScript file which only gets loaded when the browser version is less or equal 6.
You should also add an effect to emphasize the message by adding a semi transparent dark backgound (yes IE6 supports that) and require the user to *manually* close that message before the site can be used.
[sourcecode language='html']
@import url(’ie6.css’);[/sourcecode]Yes, that’s the IE4 style import syntax for the Windows 98 and 95 users still stuck with that!
[sourcecode language='js']
var text = ‘You are using an outdated browser version…’;
document.write(” + text + ”);[sourcecode]
[sourcecode language='css']
#browser-wrapper {
vertical-align: center;
margin: 0 auto 0 auto;
text-orientation: middle;
I understand your sentiment but the whole point of this code is to make it as unobtrusive and nonirritating as possible. The CSS solution was created so people can place the warning anywhere within their existing page - be it on the top, in a box in the sidebar, before or after content or whatever. That way it doesn’t ram the information down the throats of people who are still using IE6 but still gets the name across.
As for SEO, it makes no difference. and if you think it does, just place the code further down on your site.
Damn, I was still writing, what site submits a multiline Text field when you press enter?
it doesn’t. you must have accidentally hit the tab key or something.
Resubmitting this properly:
Could probably be more advanced… but… I didn’t feel like that… after my browser crashed three times
It stripes out script and style tags with spaces inbetween?
maybe a simple textfile is better: http://dynamicsnetwork.net/Files/stoplivinginthepast.txt
What about people who can’t upgrade to IE7 because they’re using something older than XP? I still get visits from Windows 2000 machines to my site. :/
As I have been mostly a front end / css developer, I am absolutely thrilled that ppl are starting to influence the upgrade from ie6. I think these are all awesome suggestions as to how one could deliver the message on their site, be it a simple callout or a demanding popup dialog.
Nonetheless, I hope ppl keep their suggestions flowing and continue to progress the move to eliminate ie6 once and for all!
This is not enough. We need code that completely blocks the user from visiting the website if they are using IE6. A warning can be ignored, but if you know the website contains important information you need, you will be forced to upgrade.
The code is fine, handy, needed, and finally a wake up call.
http://forums.whirlpool.net.au/forum-threads.cfm?f=7 it’s been there for a while now…..and honestly what are you guys complaining about. The end of misery and you complain about the placement….huh!!
There’s absolutely nothing wrong, besides who cares if the user goes elsewhere with their shitty browser and poor attitude. It cost nothing to upgrade your broswser than buy your shiny new iPhone or Plasma tv or Bluray player/recorder.
If any of my clients want support for IE6 i charge them double the price if they refuse to educate themselves.
Drive the ignoramuses away!!
Long live the good clean clutter free web.
Qustion: Where is my plugin?
I installed this plugin, and it came up with the yellow “plugin installed” box.. However, I don’t see it in the active list or inactive list so there is no way for me to activate it or deactivate it.
Is this a bug?
What a weird bug. I just tested the plugin from the directory and got the exact same result. It works fine but seems to be hiding from the plugin list in admin view. I’ll take a closer look at it tomorrow and figure out why that’s happening. In the meantime rest assured the plugin works just fine.
Poe: I figured out what’s wrong. To make the plugin appear in your list upload the StopLivingInThePast.php file directly to the plugins directory rather than a sub-directory. that’s all there is to it.
hi. Thanks for plugin
perfect.
Regards
Looks great. I will definitely add to my site, and any future sites I (may) make.