Páginas

25 de noviembre de 2009

Sustituir la separación entre entradas por una imagen

Si se desea colocar una imagen, barra o divider entre las entradas en lugar de la línea de separación entre las entradas se debe hacer lo siguiente:

Localizar en Diseño, Edición HTML las líneas de código siguientes:

.post {
  margin:.5em 0 1.5em;
  border-bottom:3px solid $bordercolor;
  padding-bottom:1.5em;
  }

Y hay que sustituir la línea que dibuja la línea de separación (border-bottom) por las siguientes:

background:url("http://URL DE TU IMAGEN")
no-repeat bottom left;

En mi caso he puesto una línea diseñada en Adobe Photoshop con mi nick, pero hay muchas prediseñadas que pueden quedar muy bien.