Cambiar de lado la sidebar

Shani me hacia la siguiente pregunta: ¿Como puedo mover una columna wrapper de la dcha al lado izqdo?


A lo que se refiere Shani es como puede mover la sidebar que tiene situada a la derecha de su blog para ponerla en el lado izquierdo.

Para colocar la Sidebar del lado derecho al izquierdo, accederemos a nuestra plantilla en “Edición Html” no es necesario expandir los artilugios y buscaremos el siguiente código en la plantilla.

#main-wrapper {
width: 410px;
float: $startSide;
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: $endSide;
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 */
}


La parte que permite el ajuste es donde dice float y lo haremos partiendo de left (izquierdo) o right (derecho).


En la parte de código #sidebar-wrapper cambias el float, en este caso lo modificas por right (derecho) y en #main-wrapper, cambias el float por left (izquierdo).

Referente a la pregunta que me hace Shani dejaremos el código de la siguiente forma:

#main-wrapper {
width: 410px;
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 */
}

#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 breaking IE sidebar float */
}

Y el resultado será este:

Related Posts with Thumbnails