Separación de entradas

juancarsantana · #1 (**permalink**) 19/12/2011, 17:58

Necesito cambiar el dibujo que separa una entrada de otra en mi blog.
¿ En dónde tendría que hacerlo?.
Saludos y gracias.

antonio3407 · #2 (**permalink**) 20/12/2011, 02:11

si se trata de una imagen, estara en la carpeta images de dentro de tu theme.

juancarsantana · #3 (**permalink**) 21/12/2011, 15:58

Cita:

Iniciado por antonio3407

si se trata de una imagen, estara en la carpeta images de dentro de tu theme.

Gracias por la respuesta. La imagen la encuentro, la sustituyo, pero no me hace el cambio sólo en la separación de las entradas, sino en todo el fondo del blog.
Gracias.

Nekko · #4 (**permalink**) 21/12/2011, 16:03

juancarsantana, compartí si podés la URL de tu sitio, así lo observamos y te decimos que nos parece.

juancarsantana · #5 (**permalink**) 21/12/2011, 16:31

Cita:

Iniciado por Nekko

juancarsantana, compartí si podés la URL de tu sitio, así lo observamos y te decimos que nos parece.

Muchas gracias.
He encotrado donde está:
.post {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;

Necesito cambiar border-bottom: 1px solid #ddd; por una imagen que quiero poner en la separación.

La página es www.lacorchera.com

Saludos y nuevamente muchas gracias.

zanguanga · #6 (**permalink**) 21/12/2011, 17:44

Puedes crear algo así como un <div class="separator"></div> en el html tras el post, y en el CSS

Código:

.separator {background: url(images/imagen.gif) no-repeat scroll 0 0 transparent;}

suponiendo que la carpeta de imágenes de tu tema se llame "images".

O bien poner la imagen directamente en html tras del cierre del post.

juancarsantana · #7 (**permalink**) 21/12/2011, 18:11

Gracias por la aportación.
Lo he agregado despues de .post y no me sale nada.

Nekko · #8 (**permalink**) 21/12/2011, 18:14

Yo pondría una imagen de fondo en .post

Código CSS:

Ver original.post {
background-image:url(images/separador.png);
background-position: center bottom;
background-repeat:no-repeat;
}

Elijas la opción que elijas, el implementar no es cosa de copiar y pegar. Necesariamente tenés que investigar un poco el tema, sino no te va a funcionar.

juancarsantana · #9 (**permalink**) 21/12/2011, 18:29

Cita:

Iniciado por Nekko

Yo pondría una imagen de fondo en .post

Código CSS:

Ver original.post {
background-image:url(images/separador.png);
background-position: center bottom;
background-repeat:no-repeat;
}

Elijas la opción que elijas, el implementar no es cosa de copiar y pegar. Necesariamente tenés que investigar un poco el tema, sino no te va a funcionar.

Perfecto.
Mil gracias.

Wakkos · #10 (**permalink**) 21/12/2011, 18:37

Siempre puedes poner una imagen al final del loop. En plan: if post { blah blah IMAGEN*} no?

Pero tienes que poder aceder al index. Sin embargo con CSS y un poco de suerte, solo tienes que cambiar un archivo xD

zanguanga · #11 (**permalink**) 22/12/2011, 03:35

Cita:

Yo pondría una imagen de fondo en .post

Mucho mejor, es más limpio, le puse la otra solución para que no tuviera problemas con ajustes de espacios

Si quieres aprender un poquito de CSS, aquí tienes buenos manuales: http://www.librosweb.es/css/