Entradas
Para convertir la plantilla de 2 a 3 columnas tienes que hacer lo siguiente:
Ir a Diseño: Edición HTML y desmarcar la casilla Expandir artilugios.
Buscar esta parte del código:
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breking IE sidebar float */
}
Copiarla entera y pegarla inmediatamente después haciendo las modificaciones marcadas en rojo:
#left-sidebar-wrapper {
width: 220px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breking IE sidebar float */
}
Ahora buscamos la siguiente sección:
<div id='main-wrapper'>
Justo antes, pegar esta parte de código:
<div id='left-sidebar-wrapper'>
<b:section class='sidebar' id='left-sidebar' preferred='yes'/>
</div>
Ahora hay que ajustar el tamaño, para ello buscamos la siguiente parte del código:
/*Outer-Wrapper------------------------------------------*/
#outer-wrapper{
width:660px;
margin:0auto;
padding:10px;
text-alingn:left;
font: Sbodyfont;
}
En esa parte hacemos los siguientes cambios:
/*Outer-Wrapper------------------------------------------*/
#outer-wrapper{
width:880px;
margin:0auto;
padding:10px;
text-alingn:left;
font: Sbodyfont;
}
Ahora tenemos que ajustar el tamaño de la cabecera, buscamos la siguiente parte del código y modificamos lo que esta resaltado en rojo:
#header-wrapper {
width:880px;
margin:0auto 10px;
border:1px solid Sbordercolor;
}
Hacemos lo mismo con la parte que corresponde al pie del blog:
/*Footer
------------------------------------------------------*/
#footer{
width:880px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height_: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align:center;
}
Aun no hemos terminado, ya que la columna izquierda se queda totalmente pegada a la zona de las entradas, y no resulta bonito.
Para solucionarlo buscamos esta parte del código y añadimos lo que está en rojo:
#main-wrapper{
width:410px;
Float:left;
margin-left:20px;
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*/
}
Ahora sí que hemos terminado, ya podemos guardar la plantilla y empezar a trabajar con ella.
--------------------------------------------------------------
--------------------------------------------------------------
Otra opción es copiar todo el texto que pongo a continuación y sustituirlo por la plantilla que ya teniamos.
