Too Cool for IE Badge

I noticed ReidMedia's thread about this but his link is dead so rather than bring up an old thread I figured I'd make a new one.

This is sort of a question and a request. I want to add the "too cool for IE" badge to a myspace page but I need the piece of code to make it work as well as the image that I can upload somewhere to use it. Seems the original creator of it retired it due to a lack of a sense of humor in the nerd community.

Any help would be greatly appreciated.

#394554

Add this code to your PHP file on which you want the too cool image:

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

Add this to your CSS :

a#tooCool
{
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 80px;
width: 80px;
background: url(path_to_image) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}

#394617

Thanks for the code! I ended up creating my own badge to match my profile; and I had to modify the code a bit to make it work which a friend helped me out with.

In the first line i had to change "id" to "class" and in the second part I had to change "a#toocool" to "a.toocool" because it messed up each time I submitted it. Oh and I needed the style tags around the second part of course. So now it works perfectly, thanks a whole bunch.

#394653

Argh i want to do this too, but I'm having trouble. Here's my code below, any help would be appreciated : [

Too Cool for Internet Explorer

a#tooCool

{

position: fixed;

right: 0;

bottom: 0;

display: block;

height: 80px;

width: 80px;

background: url('http://www.w3junkies.com/toocool/images/too_cool_sash.png') bottom right no-repeat;

text-indent: -999em;

text-decoration: none;

}

#408735

Try this:

Put this in the head:

<style type="text/css">

#toocool {
		position: absolute;
		bottom: 0px;
		right: 0px;
	 }

#toocool img {
	border: 0 none;
	}

</style>

Put the is the body:

<div>
<a href="http://www.w3junkies.com/toocool" title="Too Cool For Internet Explorer" target="_blank" id="toocool"><img src="../../unavailable.html" alt="TooCool" width="80px" height="80px" border="0" /></a>
</div>

This should fix the Too Cool image at the botttom right of the browser for window.

It works with Internet Explorer, FireFox and Opera.

But for some reason when you click on the image link in firefox the page size increases and makes the scroll bars bigger.

This does not happen in IE or Opera. Anybody know how to stop this from happening in FireFox?

#408780

Does anyone still have the .psd of this image? I seem to have lost mine.

#408831