Publicado por Felipe Lavín Z. el Julio 24, 2006 – 3:44 am

Una serie de imágenes diseñadas para demostrar nuestro cariño a WordPress en un estilo muy “2.0″, inspiradas en el célebre “I ♥ NY”

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)

Tags: , , ,

Artículos relacionados

Permalink|Feed RSS de Comentarios - Publicar un comentario|Trackback URL.

3 Comentarios

  1. Pedro Rogério
    Publicado el Julio 24, 2006 a las 9:22 am | Permalink

    Muy bueno!!!!

  2. The Ghost
    Publicado el Julio 24, 2006 a las 2:27 pm | Permalink

    Se ven buenos los diseños !!!!

    Saludos
    The Ghost

  3. YP03698
    Publicado el Julio 25, 2006 a las 8:42 pm | Permalink

    Yo ya lo aplique, muy buena tu iniciativa!!

2 Trackbacks

  1. Por newdisco » links for 2006-07-26 en Julio 26, 2006 a las 6:41 pm

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

  2. Por El indice de las blogosfera » Yo amo Wordpress en Agosto 3, 2006 a las 6:20 am

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

Escribe un Comentario

Tu correo nunca será publicado ni compartido. Los campos requeridos están marcados *

*
*