7

Líneas.

Puedes insertar una línea en tu blog para separar lo que quieras logrando un bonito efecto, tan solo has de usar este código: <hr> y obtendrás tu línea:





Si quieres cambiar su color o hacerla más ancha:
<hr color="green" size=7>
y la verás así:





Si no le indicas lo contrario la línea se ajustará ella solita al tamaño del post o del espacio donde la publiques, vamos a hacerla más pequeñita :
<hr color="orange" size=3 width="190" >





Si pones dos <hr> seguidos consigues un efecto de doble línea muy bonito:





Otra línea fácil de conseguir y que queda muy bien:

<hr style="border: medium dotted; color: #666666;" />




Y otra:

<hr style="border: medium dashed; color: yellow;" />




También podemos emplear un "div" para conseguir una línea de separación simple y bonita:

<div style="border-top: 1px dashed #000; height: 20px; margin-top: 20px;">
</div>

Entradas Relacionadas:

7 comentarios:


Anónimo

Jedimaster , he añadido algunos datos más a la entrada...¡espero que sea lo que buscas!:-)

Aguamarina28

Rosa, es parecido a lo que necesito, pero después de insertar la línea en mi blog, lo que queda debajo de la misma tiene mucha separación. Podrías decirme como puedo evitar que eso pase. Gracias.

Anónimo

Aguamarina28, si usas el último código (el div) te quedaré separación, pero no tiene que pasar eso con el hr...

Idoya Nanin

y como se donde las tengo que poner....gracias,

Anónimo

Idoya Nanin Pues donde te apetezca o las necesites...

Nai Von Cake

Yo quería algo parecido (o igual pero no sé como se hace) Te cuento, me gustaría poner una barra gift entre entrada y entrada, pero no tengo ni idea de como hacerlo ¿Puedes ayudarme?
MIl gracias!!!

Anónimo

Duendes JuguetonesEn esta entrada puedes ver algo de eso:
http://elescaparatederosa.blogspot.com/2007/03/cambiar-las-barras-de-separacin-por-una.html

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S