domingo, 16 de enero de 2011

Modificar la cabecera y la barra lateral de tu blog

modificar blog cabecera Side Bar Wrapper

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 awidth: 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:

Carlos Pavon dijo...

Como puedo poner esos cuadrados para poner los titulos de las entradas agradeceria tu respuesta saludos

Publicar un comentario

DIRECTORIOS

http://www.trucosblogs.com/post
4.57/5 – 42 opiniones
http://www.fabricaturopa.com/post 4.57/5 – 42 opiniones