January 19, 2006 Go Broncos (and/or Seahawks)

In honor of the Divisional Championships this weekend, I’ve whipped up some support badges for you to steal and use on your website. They come in two variations, the two teams I’ll actually be rooting for: Broncos and Seahawks.

Broncos badge

Seahawks badge

(Please don’t link directly to those files — I don’t want to have to pull them off my host or block external bandwidth mooching.)

The markup is quite simple:

<p id="broncos"><a href="http://www.denverbroncos.com/">Go Broncos</a></p>

And the CSS is:


#broncos {
    position: fixed;
    top: 0;
    left: 0;
    width: 190px;
    margin: 0;
    }
#broncos a {
    display: block;
    height: 110px;
    text-decoration: none;
    text-indent: -5000px;
    overflow: hidden;
    background: url(/images/broncos_badge.png) no-repeat;
    }

Since these are .png images, you may want to use some JavaScript magic to load Microsoft’s PNG support, or else IE/5-6 will show a greyish box behind the image. (Also note, once the alpha has been loaded by IE, the link no longer works.)

Have fun, and go Broncos!

Commenting is not available in this channel entry.