Crear barra separadora entre entradas de Post

triumphalis Seguir

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Jul 2013
Mensajes
167
Buenas. Quisiera colocar un "separador automático" entre Post y Post. Es decir una imagen "barra" que se cree automáticamente con cada entrada y de esta manera diferenciar un Post de otro. ¿Es posible? Gracias
 

relampago

Iota
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
28 Jun 2011
Mensajes
2.379
Dime la url y te intento dar el código a implementar para que se vea bien
 

triumphalis

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Jul 2013
Mensajes
167
tweetnastic.com y gracias por la ayuda :)

edito: ¿Alguien puede ayudarme? Gracias
 
Última edición:

DoctorPC

1
Pi
SEO
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Suscripción a IA
Desde
10 Dic 2010
Mensajes
6.080
Debes usar un HR y con CSS le indicas que de backgraund coloque una imagen.
Hay varias formas, pero creo que esa sería la más correcta
 

Waldd0

Delta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
7 Mar 2010
Mensajes
717
Hola. Yo no recomiendo usar imagenes, enlentecen la página.

Debes usar un HR y con CSS le indicas que de backgraund coloque una imagen.
Hay varias formas, pero creo que esa sería la más correcta
Investigá en google las combinaciones de CSS con HR que podes usar, hay algunas ideas brillantes ;)

Te recomiendo ir a: Enlace eliminado
Y poner tu web, para que la "critiquemos" constructivamente.
De ahí vas a sacar buenas cosas, y mejorar bastante.

Abrazo
 

relampago

Iota
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
28 Jun 2011
Mensajes
2.379
Tenias que haberme citado si no no veo que me contestaste :)

Prueba ha añadir esto:

<hr style="
margin-bottom: -14px;
border: solid;
background: black;
width: 438px;
margin-left: -10px;
">
Justo delante del </div> que cierra <div class="date-outer">

Se vera asi:





Por cierto tienes un error en el código hay un > que sobra justo debajo del inicio del body :)

Buenas. Quisiera colocar un "separador automático" entre Post y Post. Es decir una imagen "barra" que se cree automáticamente con cada entrada y de esta manera diferenciar un Post de otro. ¿Es posible? Gracias
 

DoctorPC

1
Pi
SEO
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Suscripción a IA
Desde
10 Dic 2010
Mensajes
6.080
Yo tampoco recomiendo imágenes, lo mejor es usar CSS, pero es para que el user aprenda a usar la etiqueta sin tener que "picar".

thump_5146882n63vup.png


Hola. Yo no recomiendo usar imagenes, enlentecen la página.


Investigá en google las combinaciones de CSS con HR que podes usar, hay algunas ideas brillantes ;)

Te recomiendo ir a: Enlace eliminado
Y poner tu web, para que la "critiquemos" constructivamente.
De ahí vas a sacar buenas cosas, y mejorar bastante.

Abrazo
 

triumphalis

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Jul 2013
Mensajes
167
Prueba ha añadir esto:

<hr style="
margin-bottom: -14px;
border: solid;
background: black;
width: 438px;
margin-left: -10px;
">
Justo delante del </div> que cierra <div class="date-outer">

Se vera asi:

Buenas, he estado unos días desconectado de Internet, y acabo de ver tu respuesta. Primero de todo gracias por contestar, probé el código que me decías, pero me da error en alguna linea. Nose si coloco bien el código en su sitio.

<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>

Yo lo he colocado en este ultimo </div> y nada... también he probado en otras partes y error. Soy super novato en todo lo relacionado con blog y html.
Saludos y gracias
 

triumphalis

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Jul 2013
Mensajes
167
Alguien puede echarme una mano? sobre como hacer la separación entre post? Gracias
 

Kelvin Estevez

Dseda
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
8 May 2013
Mensajes
1.194
Buenas. Quisiera colocar un "separador automático" entre Post y Post. Es decir una imagen "barra" que se cree automáticamente con cada entrada y de esta manera diferenciar un Post de otro. ¿Es posible? Gracias

Enviame la URL de tu blog y dime donde quisieras el espacio?
Saludos;
 

triumphalis

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Jul 2013
Mensajes
167
Preferia de momento no añadir publicidad a mi web, por eso mi idea de momento es una barra negra entre post y post. Como la captura que sale en la primera pagina.
 
Arriba