-->

Mostrar entradas

lunes, 19 de noviembre de 2007

Barras de separación

Para añadir lineas de separación verticales dentro del blog, añadiremos lo siguiente:
Añadimos en #main-wrapper { el valor
border-left: solid #000000 1px; para conseguir una barra a la izquierda de la sidebar.
border-right: solid #000000 1px; para conseguir una barra a la derecha de la sidebar.
border-right:1px dashed #ffffff; la barra se verá punteada.

Si queremos incluir las entradas dentro de una caja,es decir, barra derecha-barra izquierda-barra arriba-barra abajo, añadimos en #main-wrapper { el valor border: solid #000000 1px;
Para verla punteada: border: dashed #000000 1px;
Si queremos que las esquinas de la caja se vean redondeadas, añadimos:

-moz-border-radius: 15px;
-webkit-border-radius: 15px;

Lo mismo puede hacerse en la sidebar, añadiendo esos valores en #sidebar-wrapper {
Observaciones:
*Si os parece que el texto de las entradas queda demasiado pegado al borde que acabamos de colocar, añadís el valor padding, por ejemplo asi: padding: 0 10px 0 10px; según se varie el valor de los pixeles (px) variará la distancia del texto al borde.

0 comentarios:

 
ir arriba ir arriba