Separar entradas con imágenes - separadores

LuJo
Los separadores entre posts son de utilidad algunas veces si las separaciones visuales no sirven.


Fórmula 1

La fórmula general es:


1. Diseño>Edición de HTML>expandimos artilugios

2. Control+F y buscamos:


<b:include data='post' name='post'/>

3. Debajo se añade la línea:


<center><img src='URL-de-la-imagen'/></center>

Sólo hay que añadir la url de la imagen y ¡listos!.

Fórmula 2

1. Diseño>Edición de HTML>expandimos artilugios

2. Control+F y buscamos .post { . Según la plantilla vendrá acompañado por una serie de instrucciones debajo.


.post {

....añadir a lo que sea que haya inicialemente más líneas....

}


3. Se añaden unas líneas para colocar la imagen y situarla en el espacio:

.post {

background: url(URL-DE-LA-IMAGEN);

background-repeat: no-repeat;

background-position: bottom center;

margin:.5em 0 1.5em;

padding-bottom:2.5em;

}


◘ Ejemplos de separadores en leehansen


Sin comentarios

 


UP