Cargando...
Meta microcosmos: Iconos en el autor, comentarios y etiquetas
BIENVENIDO AL META!!!

Espero que algo de lo que encuentres en tu visita te sirva para mejorar y personalizar tu blog.
Para encontrar más trucos prueba con las pestañas situadas justo encima de estas líneas, usa el buscador de trucos que hay a la derecha o navega por las categorías que encontrarás en la sidebar bajo el título "Aquí encontrarás".
Si tienes cualquier duda, puedes preguntarme sobre lo que desees en un comentario e intentaré ayudarte lo antes posible.
Y si algo te ha sido útil, déjame igualmente un comentario y me encantará ver el truco implementado en tu blog!

Iconos en el autor, comentarios y etiquetas

En el blog de Gem@ encontré la forma más sencilla de aplicar imágenes tipo iconos en los comentarios, autor y etiquetas al pie de las entradas.

Vamos a Plantilla/Edición de HTML y buscamos los CSS; el sitio idóneo para aplicar este código es justo antes de la línea
]]></b:skin>

A continuación copiaremos y pegaremos los siguientes códigos dependiendo del elemento al que deseemos añadir un icono:

·En Categorías/Etiquetas:
.post-labels
{ padding-left:20px;
padding-top:5px;
background: url(url_de_la_imagen) center left no-repeat; }

·En Comentarios:
.comment-link
{
padding-left:20px;
padding-top:5px;
background: url(url_de_la_imagen) center left no-repeat; }

·En Autor de las entradas:
.post-author
{
padding-left:20px;
padding-top:5px;
background: url(url_de_la_imagen) center left no-repeat; }

En cada caso, donde dice "url_de_la_imagen" hay que añadir la url del icono que queramos mostrar, y podeis jugar con los paddings hasta que quede a vuestro gusto. Usamos la Vista previa y cuando estemos satisfechos del resultado guardamos cambios y listo!

Podeis encontrar bonitos iconos 16x16 por ejemplo en Iconfinder, que es de donde he sacado yo los míos

0 comentarios:

Publicar un comentario

ENTRADAS MÁS POPULARES