too cool for internet explorer badge

Languages

Coming Soon!

Make Your Site Too Cool for Internet Explorer

Download the Image(s)

If you would like to use this, either copy one of the following images or download the zip file including the Photoshop source and make your own.

Too Cool for Internet Explorer    Too Cool for Internet Explorer
too_cool.psd.zip

Too Cool for IE Badge
too_cool_med.psd.zip

Note: the font is Aachen-Bold. If you would like this translated into another language, help us out by emailing and we can make it for you.

Add the CSS

If you are using the corner badges, Insert the following code in your CSS file, but don't forget to change the path to your background image:

  1. a#tooCool {
  2. position: fixed;
  3. right: 0;
  4. bottom: 0;
  5. display: block;
  6. height: 80px;
  7. width: 80px;
  8. background: url(/path/to/image/too_cool.png) bottom right no-repeat;
  9. text-indent: -999em;
  10. text-decoration: none;
  11. }

Add the HTML

Add the following to the beginning of your HTML just below the <body> tag:

  1. <a id="tooCool" href="http://www.w3junkies.com/toocool/">Too Cool for Internet Explorer</a>

Please always link your image to http://www.w3junkies.com/toocool/ so everyone may find the information associated with the image.

Now check your page in your favorite (non-IE) browser and you will see the badge in the bottom right corner!

If you have a spare moment to translate this page into another language, please email . Your help and enthusiasm would be greatly appreciated.

Creative Commons License
This work is licensed under a Creative Commons Attribution-ShareAlike 2.5 License and was brought to you by W3 Junkies.


BuddyTV Lost Heroes