Ads by Smowtion CLIK HERE

miércoles, 14 de diciembre de 2011

Como colocar Imagen a pie de los post

"Necesito añadir una imagen al pie de los post donde tenemos el nombre del autor pero en el lado contrario como si fuera una firma es para añadir la marca de la web"

Nunca había pensado en ese detalle de añadir una imagen a modo de sello personal.
Pensé que se podía probar como hicimos hace tiempo añadiendo una imagen de fondo y borde en el post-footer así que manos a la obra porque es muy sencillo.
En una plantilla sin modificar los estilos del post-footer serían más o menos así:

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}
A esos estilos añadiremos lo siguiente.

padding:36px 4px 2px 4px;
background: url(ur-de-la-imagen) no-repeat top right;}

Nos quedaría algo así:

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
padding:36px 4px 2px 4px;
background: url(ur-de-la-imagen) no-repeat top right;}
}

Dependiendo el tamaño de la imagen podemos darle más altura en padding modificando 36px por otro valor.

No hay comentarios:

Publicar un comentario