domingo, 21 de marzo de 2010

Añadir borde a los títulos y a los elementos de la sidebar

 Para añadir bordes a los títulos y a los elementos de la sidebar (o barra lateral) en Blogger, hemos de buscar las líneas de código donde están los encabezados .sidebar h2 y .sidebar .widget (/* Sidebar Content */) y añadir las propiedades border con sus correspondientes valores.

 Será necesario jugar con los valores de las propiedades border-top, border-right, border-bottom y border-left, para evitar superposiciones y otros efectos indeseados (cada plantilla es un mundo).

 Así podría quedar el código para añadir el borde de los títulos de la sidebar:
.sidebar h2 {
  padding: 5px;
  border-top: 1px solid #ffffff;
  border-right: 0;
  border-bottom: 1px solid #bdbdbd;
  border-left: 0;
  background-color: #d8d8d8;
  background-image: none;
}
 Y así quedaría el código para añadir el borde a los elementos de la sidebar:
.sidebar .widget { 
  margin: 0 0 0.25em;
  padding: 0 0 0.75em;
  border-top: 0;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #a4a4a4;
  border-left: 1px solid #d8d8d8;
  background: #e6e6e6;
}

1 comentario:

ANRAFERA dijo...

Muy interesante. Gracias. Saludos