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.
Mostrar entradas
lunes, 19 de noviembre de 2007
Barras de separación
English
Publicado por
Guti
en
14:27
Etiquetas: utilidades
Suscribirse a:
Enviar comentarios (Atom)
0 comentarios:
Publicar un comentario