Yo [corazón] WordPress

I [heart] WordPress El sábado, Matt Mullenweg publicó en su blog un enlace a una conversación en los foros de WordPress.com en la que se invita a quien desee crear un logo de “I ♥ WordPress” (como el típico “I ♥ NY”).

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.

Junto a ellas publico también el código CSS necesario para insertarlas utilizando una técnica de reemplazo de imágenes —aunque por supuesto si quieres utilizarlas no es totalmente necesario que lo hagas de esta forma.

Estas imágenes están protegidas por una licencia Creative Commons Atribución 2.0 Chile: eres libre de utilizarla para cualquier fin o crear modificaciones, siempre y cuando menciones de dónde la has sacado (un simple link bastará). Por supuesto, si deseas utilizar alguna de ellas, por favor no la enlaces directamente a este sitio: cópiala a tu propio servidor/Flickr/ImageShack/otro-servicio-de-alojamiento-de-imágenes.

Puedes utilizar este código XHTML para ocuparlas junto a su respectivo CSS:

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

Imágenes para fondos claros (white matte)
Imagen 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;
}
Imágenes para fondos oscuros (black matte)
Imagen 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 Si deseas crear una versión especial, puedes bajar estos archivos PSD (Photoshop)

6 responses to “Yo [corazón] WordPress”

  1. Muy bueno!!!!

  2. The Ghost says:

    Se ven buenos los diseños !!!!

    Saludos
    The Ghost

  3. YP03698 says:

    Yo ya lo aplique, muy buena tu iniciativa!!

  4. […] Yo [corazón] WordPress — yukei.net Demuestra tu amor a WordPress con estas imagenes de yukei.net (tags: wordpress love) […]

  5. […] Podrán encontrar otros adornos varios de este tipo en el blog yukei . Catalogado en: WordPress Comentarios: […]

  6. Alex Walker says:

    hey! me encanta ! solo queria decirte que lo estoy usando en mi “blog” =)

    (junto con el plugin Corner Blog Decoration, es mucho mas facil)

    Gracias por los diseños, son simples y geniales !

%d bloggers like this: