viernes, 19 de marzo de 2010

Color de fondo de los elementos de la sidebar

 Para establecer el color de fondo de los elementos de la sidebar (o barra lateral) de un blog de Blogger, hay que buscar en la plantilla la línea de código donde está el encabezado .sidebar .widget (/* Sidebar Content */) y añadir la propiedad background con su correspondiente valor de color RGB en hexadecimal. En ocasiones se nos presenta como .sidebar .widget, .main .widget, en cuyo caso hay que separar el código en dos grupos independientes.

 El código quedaría de forma similar al del siguiente ejemplo:
.sidebar .widget { 
  margin: 0 0 0.25em;
  padding: 0 0 0.75em;
  border-top: 0;
  border-right: 1px solid #bdbdbd;
  border-bottom: 1px solid #a4a4a4;
  border-left: 1px solid #bdbdbd;
  background: #c3d9ff;
}

.main .widget { 
  margin: 0 0 1.5em;
  padding: 0 0 1.5em;
  border-bottom: 1px dotted $bordercolor;
}

No hay comentarios: