#main-wrapper.- Define la columna principal.
#sidebar-wrapper.- Define la Sidebar.
Para colocar la Sidebar del lado izquierdo al derecho, tienes que buscar el siguiente código en la plantilla.
#main-wrapper {
width: 410px;
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;
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 */
}
Tienes que cambiar la parte que dice: float.- Permite ajustar el texto, left o right.
Por ejemplo, en #sidebar-wrapper cambias el float, en este caso lo modificas porleft (izquierdo) y en #main-wrapper, cambias el float por right (derecho).
En el caso del lado derecho al izquierdo haces lo mismo.
Nota: Todas las plantillas contienen este código, algunas han puesto #main-wrap1, div#main o #main y han obviado la siguiente palabra, al igual que #sidebar-wrap, div#sidebar o #sidebar.
Para colocar la Sidebar del lado izquierdo al derecho, tienes que buscar el siguiente código en la plantilla.
#main-wrapper {
width: 410px;
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;
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 */
}
Tienes que cambiar la parte que dice: float.- Permite ajustar el texto, left o right.
Por ejemplo, en #sidebar-wrapper cambias el float, en este caso lo modificas porleft (izquierdo) y en #main-wrapper, cambias el float por right (derecho).
En el caso del lado derecho al izquierdo haces lo mismo.
Nota: Todas las plantillas contienen este código, algunas han puesto #main-wrap1, div#main o #main y han obviado la siguiente palabra, al igual que #sidebar-wrap, div#sidebar o #sidebar.
No hay comentarios:
Publicar un comentario