Adornar el pie del post (post footer)

En el pie de la entrada es donde vemos el nombre del autor, la hora de publicación,los comentarios..., podemos ponerle una imagen de fondo para mejorar su estética y, a la vez, para evitar que se confunda con el texto del post.



Buscamos una imagen que nos resulte apropiada, para el ejemplo he escogido una un poco psicodélica, la verdad, pero así se ve mejor el ejemplo, creo yo...
Buscamos esta parte de la plantilla (post-footer), que se verá dependiendo de la plantilla de cada uno, como algo parecido a esto:

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

Y la sustituimos por esta otra:

.post-footer {
margin-bottom:15px;
margin-left:0px;
font-size: 87%;
background-image: url(http://img87.imageshack.us/img87/4306/ce021qt7.gif);
background-position: top center;
background-repeat: repeat;
}

Si además queremos añadirle un borde al post-footer, en el mismo código añadiremos una línea más de código parecida a esta:

border: 1px solid #ddd;

Ahí cambiamos según nuestras necesidades, el grosor del borde, el tipo de borde y el color.

Rosa in memoriam