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!

18 responses to “I [heart] WordPress”

  1. […] La cuestión es que quise retomar el espíritu de quien planteó la idea en primer lugar e hice algunas imágenes para quienes deseen demostrar su cariño por WordPress y las puse en una página que hasta ahora está solamente en inglés. Ahora las publico también acá para quien desee usarlas en su blog. […]

  2. […] 夏ぐらいからみかけだしたWe Love wordpress, I heart wordpressが今更ながらに面白いことに気づく。発端は本家Wordpressなのだと思うけど、Cafelog.netさんらの日本Wordpressユーザーの間でも盛り上がっている模様(遅!)。こちらでは写真をFlicker にてアップロードしてます。みんな凝っててみていて楽しい。日本語版にアップグレードしないと話題に取り残される… MMRTさんやCaramel*Vanilaさんや他のサイトの上の右についている決意表明を羨望の眼差しで眺めていたのですが、Yukei.netで配布されてることをMMRTさんの記事によってしりました。ちかじか自分も貼り付けたいっす。また、MMRTさんによれば、ロゴコンペは本家フォーラムでやられているようです。 […]

  3. 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!

Leave a Reply

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