sábado, 20 de marzo de 2010

Añadir borde al contenedor de posts en Blogger

 Para añadir un borde al contenedor de los posts en Blogger, hemos de buscar la línea de código donde está el encabezado #main-wrapper (/* Outer-Wrapper */) y añadir la propiedad border con sus correspondientes valores. Si queremos utilizar el valor $bordercolor, hay que asegurarse previamente de que está en la lista de variables de la plantilla (/* Variable definitions):
<Variable name="bordercolor" description="Border Color"
          type="color" default="#333" value="#0066CC">
 Y lo mismo habrá que hacer con el valor $startSide, que equivale a left:
<Variable name="startSide" description="Start side in blog language"
          type="automatic" default="left" value="left">
 El código que va a definir el borde se puede personalizar más añadiendo las propiedades border-top, border-right, border-bottom y border-left, como se puede ver en este ejemplo:
#main-wrapper {
  width: 465px;
  padding: 10px 8px 10px 8px;
  float: $startSide;
  border-top: 2px solid $bordercolor;
  border-right: 1px solid $bordercolor;
  border-bottom: 2px solid $bordercolor;
  border-left: 1px solid $bordercolor;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

No hay comentarios: