I [heart] WordPress

I love WordPress Sign

So, I saw this I ♥ WordPress logo competition on WordPress.com Forums, and thought I could make some “web 2.0 style” badges so everyone could use to show their appreciation for WordPress… and here they’re.

Creative Commons License You’re free to use these images on your site under the terms of a Attribution 2.0 Chile License by Creative Commons; please don’t hotlink: copy them to your own server/Flickr/ImageShack/etc.

If you really liked them, you may send me a donation through PayPal (of course that would make me very, very happy).

The CSS code that’s along every image should be useful if you would like to use image replacement; just use this XHTML code to insert your image:

<div><a id="i-heart-wp" title="I &#9829; WordPress" href="http://www.wordpress.org">I &#9829; WordPress</a></div>

And insert the proper CSS on the document’s header.

Images for light backgrounds (white matte)
Image CSS
i-heart-wp-whitematte.png
a#i-heart-wp {
display:block;
text-indent:-9999em;
text-decoration:none;
width:120px;
height:120px;
background:url('i-heart-wp-whitematte.png') top left no-repeat;
}
i-heart-wp-corner-whitematte.png
a#i-heart-wp {
display:block;
text-indent:-9999em;
text-decoration:none;
width:100px;
height:100px;
background:url('i-heart-wp-corner-whitematte.png') top left no-repeat;
position:absolute;
right:0;
top:0;
}
i-heart-wp-band-whitematte.png
a#i-heart-wp {
display:block;
text-indent:-9999em;
text-decoration:none;
width:120px;
height:77px;
background:url('i-heart-wp-band-whitematte.png') top left no-repeat;
position:absolute;
right:0;
top:0;
}
Images for dark backgrounds (black matte)
Image CSS
i-heart-wp-blackmatte.png
a#i-heart-wp {
display:block;
text-indent:-9999em;
text-decoration:none;
width:120px;
height:120px;
background:url('i-heart-wp-blackmatte.png') top left no-repeat;
}
i-heart-wp-corner-blackmatte.png
a#i-heart-wp {
display:block;
text-indent:-9999em;
text-decoration:none;
width:100px;
height:100px;
background:url('i-heart-wp-corner-blackmatte.png') top left no-repeat;
position:absolute;
right:0;
top:0;
}
i-heart-wp-band-blackmatte.png
a#i-heart-wp {
display:block;
text-indent:-9999em;
text-decoration:none;
width:120px;
height:77px;
background:url('i-heart-wp-band-blackmatte.png') top left no-repeat;
position:absolute;
right:0;
top:0;
}

I Heart WordPress PSDs If you would like to create a customized version, you can download the PSD (Photoshop) files

Enjoy!

19 comments

  1. you are truly a good webmaster. The web site loading pace is amazing. It sort of feels that you’re doing any distinctive trick. Also, The contents are masterwork. you have performed a fantastic job in this topic!

  2. An impressive share! I have just forwarded this onto a friend who was doing a
    little research on this. And he actually ordered me dinner because I
    discovered it for him… lol. So let me reword this…. Thanks
    for the meal!! But yeah, thanks for spending time to discuss this issue here on your web
    page.

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.