martes, 24 de enero de 2012

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Cambia el estilo de tus smileys

Posted: 24 Jan 2012 03:05 PM PST

Cada vez se usan menos en blogs, pues parece que todos nos hemos puesto un poco serios, pero los smileys siguen totalmente en vigor, especialmente en las redes sociales.

Esas pequeñas caritas nos ayudan a transmitir emociones en los textos, a hacer un poco más humana la publicación, aunque sea ayudándonos de iconos simples como son los smileys.

Ahora bien, a veces los smileys no se muestran integrados en el texto – que es su objetivo – ya que al ser imágenes heredan el mismo estilo del resto de imágenes de tu tema, y si tienes definido un borde o sombreado para las imágenes, los smileys también se mostrarán con esos bordes y demás florituras, y seguro que no es lo que te gustaría.

Afortunadamente solucionarlo es muy fácil, pues solo tienes que definir una clase CSS para los smileys, de modo que no tengan nada de adorno alrededor y así se integren mejor en los textos donde los incluyas.

Abre la hoja de estilos de tu tema WordPress, normalmente denominada style.css y añade la siguiente clase:

 /* Clase CSS para quitar adornos a los smileys */ img.wp-smiley { 	background: transparent; 	border: none; 	margin: 0; 	padding: 0; } 

En el código hacemos que el fondo sea transparente, que no tenga borde, sin márgenes que separen el smiley del texto y sin borde de ningún tipo.

Guardas los cambios y ya lo tienes ;)

No hay comentarios:

Publicar un comentario

Seguidores

Archivo del blog