Hoy en AyudaWordPress.com | ![]() |
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 /* 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 |
You are subscribed to email updates from Ayuda WordPress To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
Google Inc., 20 West Kinzie, Chicago IL USA 60610 |
No hay comentarios:
Publicar un comentario