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:
Publicar un comentario