Como Modificar Tamaño de Cabecera y Barra Lateral

un blog esta constituido por varias secciones pero principalmente son 3 las mas importantes:

  • Header(Cabecera)
  • Main Wrapper(Seccion de Posteo)
  • Side Bar(Barra Lateral)
las cuales por definicion tiene un tamaño determinado el cual puede ser modificado generando correcciones en el codigo html de la palntilla.

para lo cual deberemos presionar el boton personalizar, Diseño, edicion de Html, estando en esta seccion deberemos ubicar el siguiente codigo:

/* Outer-Wrapper
----------------------------------------------- */
Siquieres modificar el tamaño de la cabecera debes modifica el valor correspondiente a width: 750px; por los pixeles que estimes convenientes.

#outer-wrapper {
width: 750px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

Siquieres modificar el tamaño del sector de posteo deberas modifica el valor correspondiente a width: 500px; por los pixeles que estimes convenientes.

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

Siquieres modificar el tamaño de la barra lñaterl deberas modifica el valor correspondiente a width: 220px; por los pixeles que estimes convenientes.

#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 */
}

se debe tener en cuenta que la suma del ancho de la barra lateral y de la seccion de posteo no debe superar el tamaño de la cabecera, ademas se sugiere que ambos sumen 30 px(pixeles menos que el tamaño predetermiando para el ancho de la cabecera)

1 comentarios:

CodeDown dijo...

ayudame akitar es
Buscar blog

Marcar blog

Seguir blog
Siguiente blog» arturoj38@gmail.com | Nueva entrada | Personalizar | Salir esa bara de arriba porfavor