Blogger - Línea de división en la sidebar.

Muchas veces por una cuestión estética y de organización es necesaria una línea de división entre las entradas y la barra lateral de nuestro blog. A continuación, la explicación:

En primer lugar, dirigirse a la plantilla de diseño HTML y buscar la siguiente linea:

#sidebar {
float: $endSide;

Debajo de esta línea deberemos establecer las características de nuestra línea. Algunos ejemplos son:

borde derecho:
línea punteada: border-left: dotted 2px #BDBDBD;
línea sólida: border-left: solid 2px #BDBDBD

También podremos establecer divisiones superiores e inferiores, los códigos los colocaremos también debajo de "#sidebar {" :

borde superior:
border-top: 1px #000000

borde inferior:
border-bottom: 1px #000000

El color y el grosor los modificaremos a nuestro gusto.

0 comentarios:

Publicar un comentario