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.

Entrada anterior Entrada siguiente Página Principal
Related Posts Plugin for WordPress, Blogger...