24 may 2012

Como cambiar el ancho de las columnas de tu blog


CAMBIAR EL ANCHO DE LAS COLUMNAS

Para aprovechar más la pantalla de los nuevos modelos de monitores, se pueden cambiar los parámetros de anchura total, del cuerpo de las entradas y de la barra lateral.
Lo primero que se debe hacer es ir a PLANTILLA, luego a EDICIÓN DE HTML, luego a EXPANDIR PLANTILLAS, luego haces CLIC en Ctrl + F y veras que aparecerá una barra arriba al margen derecho, ahí pegas esto: Outer-Wrapper, ahí hallaras los códigos con el que trabajaremos.

A continuación, la parte del código fuente dónde hay que modificar los datos. Sólo hay que tener en cuenta que el ancho total no puede ser más grande que la suma de los anchos del cuerpo principal y de la barra lateral (o de las columnas que se hagan para los que tengan 3...o más). Las medidas vienen en píxeles (px). Se pueden hacer pruebas con distintas combinaciones de anchos, haciendo Vista previa antes de Guardar plantilla definitivamente.

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 740px; <-- Ancho total
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 490px; <-- Ancho cuerpo principal página
float: left;
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 */
}

#sidebar-wrapper {
width: 220px; <-- Ancho barra lateral 
float: right;
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 */
}