domingo, 9 de diciembre de 2007

Ensanchar la plantilla Mínima

Me han preguntado mucho sobre como ensanchar las plantillas mínimas, y en el blog de Rosa he recogido las modificaciones que sirven para todas las plantillas Mínima (Dark, Blue, Ochre y, por supuesto la Mínima "normal").

Teniendo en cuenta que debemos partir de una Mínima tal cual la proporciona Blogger, sin ninguna modificación anterior.

Voy a tomar las medidas para ello que considero más adecuadas para su perfecta visualización en distintas resoluciones aunque, por supuesto, cada uno puede aumentar o disminuir las mismas según considere oportuno.
[1] Vamos a la parte de Edición de HTML en nuestra plantilla. No hace falta que expandamos los artilugios.En primer lugar localizaremos el #outer-wrapper { esto es, por así llamarlo, el "cuerpo" del blog, tendremos que ensancharlo para más tarde cuando hagamos lo mismo con el cuerpo de las entradas y la sidebar, estan tengan suficiente espacio.Nos fijamos en la primera línea:#outer-wrapper {width: 660px;Cambiaremos esa línea por width: 850px;
[2] Vamos ahora a ensanchar el cuerpo de entradas (main), buscamos un poco más abajo de lo anterior esto: #main-wrapper { y al igual que antes cambiamos la línea del width (ancho) por esta: width: 500px;
31] Un poco más abajo vemos #sidebar-wrapper {, ahí es donde modificaremos el ancho de nuestra sidebar con el mismo sistema que antes, cambiando la línea del width (ancho) por esta otra: width: 250px;
[4] Esta parte no es imprescindible, pero según mi opinión, el blog gana bastante estéticamente si la cabecera (header) y el pie del blog (footer) tienen el mismo ancho que el resto del blog. Para hacer este cambio buscamos (hacia arriba) esta parte: #header-wrapper { y cambiamos la línea del width porwidth:850px; (el mismo ancho que el cuerpo del blog), así la cabecera ocupará el mismo espacio que las entradas y la sidebar juntas.Bajamos ahora por el código de la plantilla, hasta encontrar el #footer { y le ponemos también el mismo ancho que el blog: width:850px;
[5] Usamos la vista previa, y si todo ha ido según lo previsto, guardamos los cambios.
Si cambiamos las medidas usadas para ensanchar el width (ancho) de las entradas y la sidebar, tendremos en cuenta que la suma de los dos valores no deben nunca sobrepasar la anchura total del blog y, que tendremos que dejar, como en este caso, unos pixeles sobrantes lo que nos asegurará una distancia optima entre los elementos y, por tanto, una correcta visualización del blog.

4 comentarios:

afrika-amanece dijo...

Hola Pino, Francisco me dejó tu dirección de blog, estoy haciendo mis primeros "pinitos" :-)en esto del blog, por lo pronto me ha servido de gran ayuda el ensanchar el espacio, ya te iré investigando y aprovechando tu página, gracias cialo, saluditos

Alfonso Zúñiga Muñoz dijo...

Un millón de gracias. Es justo lo que necesitaba, expandir la plantilla de mi blog para que dejase de verse tan estrecho en las nuevas pantallas de ordenador.

RANCHO VIRTUAL dijo...

muchas gracias..me sirvio mucho..

MAMBRU dijo...

Gracias fenomeno. Si no es por gente como vosotros estariamos muy perdidos mas de uno con esto del blog