IE6 No More

[MOD Robot]

Modification name: IE6 No More
Author: VSE
Modification description: Displays the IE6 No More banner on your forum's index page, to encourage users of Internet Explorer 6 to upgrade to a modern browser. This banner is visible only to IE6 users.
Modification version: 1.0.2
Tested on phpBB version: See below

Download file: ie6nomore_v1-0-2.zip
File size: 119630 Bytes

Modification overview page: View


Selected tags:

1. Category
   1. Add-Ons
2. Complexity
   1. Template Changes
3. Time
   1. ~ 1 Minute
4. phpBB
   1. 3.0.5

Support for this modification needs to be asked within this topic. The phpBB Team is not responsible or required to give anyone support for this modification. By installing this MOD, you acknowledge that the phpBB Support Team or phpBB MODifications Team may not be able to provide support.

This MOD has only been tested by the phpBB MOD Team with the phpBB version listed in the topic. It may not work in any other versions of phpBB.

[DavidIQ]

Modification validated/released

Notes:

[VSE]

Thanks Mod Team!

The purpose of this mod is to encourage your IE6 visitors to upgrade their browser to something modern, including Safari 4, Firefox 3, Chrome, Opera and IE 8.

Features:

• Visible only to Internet Explorer 6 browsers
• Displays only on the board's index page
• Prosilver and Subsilver2 themes
• Multilingual support (English, Spanish, French, Italian, Japanese, Portuguese, Dutch, Swedish)
• Incredibly simple installation, and Automod compatible.
• Encourages your visitors to upgrade to a modern browser for a better experience at your web site. Each browser icon is a direct link to download the latest version.

Screenshots:
Prosilver:

Subsilver2

For more info on the movement to kill Internet Explorer 6, check out http://www.ie6nomore.com

"As any web developer will tell you, working with IE 6 is one of the most difficult and frustrating things they have to deal with on a daily basis, taking up a disproportionate amount of their time. Beyond that, IE 6's support for modern web standards is very lacking, restricting what developers can create and holding the web back."

[RottNKorpse]

sounds great...can we get a demo?

I would like to see what type of banner it is...like if it is placed inside the design of a style or if it works as a frame kind of like the DiggBar.

[statm]

Its just a div that appears like the one that appears when you turn your board off, in between the breadcrumbs and forumlist body. From what I can see in the ModX file it blends in with your style. You might have to adjust the width a bit depending on what style your using..

[RottNKorpse]

thanks for looking into it and providing the answer allowing me to stay lazy. very much appreciated.

[VSE]

Screenshots added above...

Since this banner will only be available to people using IE6, it is not possible to directly test it if you have upgraded already to IE7 or IE8.

But you can actually visit a really cool site to run a virtual-version of IE6 in your current browser, and you can see how it looks, here http://www.xenocode.com/Browsers/

[eman80]

Fantastic and it works fine

Thank you for this nice mod

[fasko]

Thank nice mod


Slovak translation

[VSE]

Thanks for the Slovak translation...

More languages will be added as they become available.

[internet_nobody]

Possible dumb question...Does the little X at the corner close the banner? As much as i'd love everyone to stop using IE6 I do have members who use office machines (or rely on grandchildren coming round to help them update their computers!!) and cannot update and don't want to annoy them too much.

[Nekstati]

Does the little X at the corner close the banner?

Yes. But when you reload index page, banner appears again.

If you want banner that appears only once at first opening of page, try JS method used in "CA Vintage" style.

[jake_ie8team]

You guys should also encourage your users to upgrade to IE 8 if the have IE 6, but to install the new version from http://www.browserforthebetter.com in order to donate to charity. 8 meals are donated to Feeding America for every complete download of Internet Explorer 8 from http://www.browserforthebetter.com through September 30th, 2009. However, for every user that updates IE 6 to IE 8 from http://www.browserforthebetter.com, 16 meals are donated! So download, install, and spread the word!

- Jake

MSFT Internet Explorer Outreach Team

[VSE]

The IE8 download link is to http://www.browserforthebetter.com

[EidolonHades]

Possible dumb question...Does the little X at the corner close the banner? As much as i'd love everyone to stop using IE6 I do have members who use office machines (or rely on grandchildren coming round to help them update their computers!!) and cannot update and don't want to annoy them too much.

You can avoid annoying registered members by replacing this:

Code: Select all

<!--[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='{T_THEME_PATH}/images/ie6nomore/ie6nomore-cornerx.jpg' style='border: none;' alt='{L_IE6NOMORE_CLOSE}' /></a></div>
    <div style='width: 713px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
      <div style='width: 75px; float: left;'><img src='{T_THEME_PATH}/images/ie6nomore/ie6nomore-warning.jpg' alt='{L_IE6NOMORE_WARNING}' /></div>
      <div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
        <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>{L_IE6NOMORE_TITLE}</div>
        <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>{L_IE6NOMORE_MESSAGE}</div>
      </div>
      <div style='width: 75px; float: left;'><a href='{L_IE6NOMORE_FIREFOX}'><img src='{T_THEME_PATH}/images/ie6nomore/ie6nomore-firefox.jpg' style='border: none;' alt='{L_IE6NOMORE_FIREFOX_ALT}' /></a></div>
      <div style='width: 75px; float: left;'><a href='{L_IE6NOMORE_IE}'><img src='{T_THEME_PATH}/images/ie6nomore/ie6nomore-ie8.jpg' style='border: none;' alt='{L_IE6NOMORE_IE_ALT}' /></a></div>
      <div style='width: 73px; float: left;'><a href='{L_IE6NOMORE_SAFARI}'><img src='{T_THEME_PATH}/images/ie6nomore/ie6nomore-safari.jpg' style='border: none;' alt='{L_IE6NOMORE_SAFARI_ALT}' /></a></div>
      <div style='width: 73px; float: left;'><a href='{L_IE6NOMORE_CHROME}'><img src='{T_THEME_PATH}/images/ie6nomore/ie6nomore-chrome.jpg' style='border: none;' alt='{L_IE6NOMORE_CHROME_ALT}' /></a></div>
      <div style='float: left;'><a href='{L_IE6NOMORE_OPERA}'><img src='{T_THEME_PATH}/images/ie6nomore/ie6nomore-opera.jpg' style='border: none;' alt='{L_IE6NOMORE_OPERA_ALT}' /></a></div>
    </div>
  </div>
  <![endif]-->



with this:

Code: Select all

<!-- IF not S_USER_LOGGED_IN -->
  <!--[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='{T_THEME_PATH}/images/ie6nomore/ie6nomore-cornerx.jpg' style='border: none;' alt='{L_IE6NOMORE_CLOSE}' /></a></div>
      <div style='width: 713px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
        <div style='width: 75px; float: left;'><img src='{T_THEME_PATH}/images/ie6nomore/ie6nomore-warning.jpg' alt='{L_IE6NOMORE_WARNING}' /></div>
        <div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
          <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>{L_IE6NOMORE_TITLE}</div>
          <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>{L_IE6NOMORE_MESSAGE}</div>
        </div>
        <div style='width: 75px; float: left;'><a href='{L_IE6NOMORE_FIREFOX}'><img src='{T_THEME_PATH}/images/ie6nomore/ie6nomore-firefox.jpg' style='border: none;' alt='{L_IE6NOMORE_FIREFOX_ALT}' /></a></div>
        <div style='width: 75px; float: left;'><a href='{L_IE6NOMORE_IE}'><img src='{T_THEME_PATH}/images/ie6nomore/ie6nomore-ie8.jpg' style='border: none;' alt='{L_IE6NOMORE_IE_ALT}' /></a></div>
        <div style='width: 73px; float: left;'><a href='{L_IE6NOMORE_SAFARI}'><img src='{T_THEME_PATH}/images/ie6nomore/ie6nomore-safari.jpg' style='border: none;' alt='{L_IE6NOMORE_SAFARI_ALT}' /></a></div>
        <div style='width: 73px; float: left;'><a href='{L_IE6NOMORE_CHROME}'><img src='{T_THEME_PATH}/images/ie6nomore/ie6nomore-chrome.jpg' style='border: none;' alt='{L_IE6NOMORE_CHROME_ALT}' /></a></div>
        <div style='float: left;'><a href='{L_IE6NOMORE_OPERA}'><img src='{T_THEME_PATH}/images/ie6nomore/ie6nomore-opera.jpg' style='border: none;' alt='{L_IE6NOMORE_OPERA_ALT}' /></a></div>
      </div>
    </div>
  <![endif]-->
<!-- ENDIF -->

It now checks if the user is logged in or not, so it only displays to guest status users.