Búsqueda personalizada

21 de mayo de 2010

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.





0 opiniones:

Publicar un comentario

Hola , el blog nesesita tu commentario asi que por favor escribe lo que tu de verdad quieras

Posicionamiento en buscadores

El secreto del Posicionamiento en Google está en los enlaces. Los buscadores valoran la popularidad de un sitio por el número de enlaces hacia el mismo y su calidad. Sin duda el posicionamiento web y el link building es un paso clave para cualquier blog.

Posicionamiento en buscadores

 

Copyright © 2011 Marketing y Posicionamiento en Internet. Trucos blogger | Design by Kenga Ads-template