Pus este post es para aclarar un duda de "ElReyHidrogeno", y es sobre la manipulacion del ancho del blog.
Es comun que a la hora de elegir una plantilla para poner en nuestro blog, nos damos cuenta que se desperdicia mucho espacio, entons lo que nos queda es modificar manualmente los parametros de anchura total, el cuerpo de las entradas y la barra lateral.
Aqui les presento los segmentos de codigo que se tienen que modificar, siempre teniendo en cuenta que el ancho total no puede ser mas grande que las suma de los anchos del cuerpo principal y la barra o barras laterales que tengan (las medidas vienen en pixeles)
NOTA: Antes de realizar cualquier cambio en tu plantilla se recomienda hacer un respaldo de tu plantilla, por cualquier cosa jeeje.
Es comun que a la hora de elegir una plantilla para poner en nuestro blog, nos damos cuenta que se desperdicia mucho espacio, entons lo que nos queda es modificar manualmente los parametros de anchura total, el cuerpo de las entradas y la barra lateral.
Aqui les presento los segmentos de codigo que se tienen que modificar, siempre teniendo en cuenta que el ancho total no puede ser mas grande que las suma de los anchos del cuerpo principal y la barra o barras laterales que tengan (las medidas vienen en pixeles)
NOTA: Antes de realizar cualquier cambio en tu plantilla se recomienda hacer un respaldo de tu plantilla, por cualquier cosa jeeje.
///////////////////////estas son las medidas totales.
#header-wrapper {
width:860px;
margin:0 auto 10px;
border:1px solid #cccccc;
}
#outer-wrapper {
width: 860px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Georgia, Serif;
}
///////////////////////////////////
/////////////////////////////Esta es la parte central y lateral
#main-wrapper {
width: 560px;
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: 260px;
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 */
}
////////////////////////////////////////////////////
#footer {
width:860px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
Si usas alguna plantilla externa tienes que buscar estas opciones, ya que algunas de estas vienen configuradas de forma diferente, pero por lo regular son parecidas en su estructura.
espero y te sirva la info.
Saludos
