Well, Italy won the world cup!

update: to use the top-left badge on your website

The html

Just create a div with id=”italy”

<div id="italy"></div>

The css

Pretty straightforward, it sets the previous div to an absolute position, and pushes it to the upper/left corner of the window. Make sure you use the correct path for images!

#italy {
    background: url(italy.png) top left no-repeat !important;
    background: url(italy.gif) top left no-repeat;
    height: 113px;
    width: 112px;
    position: absolute;
    top: 0;
    left: 0;
}

The Images

For the images, you will need both the png and the gif. The gif will only be served to ie, due to its silly lack of png support.

Have fun!