Caso Practico: Cambiar las medidas de los elementos de la plantilla del Blogger
Lo primero es comprender que elementos forman nuestra plantilla, cómo se llaman y cómo están ubicados. Vamos a utilizar un truco. Utilizando el color del fondo para distinguir e identificar sus partes.
Ya tenemos una idea aproximada de los elementos que forman el layout de nuestra pagina. Nuestro objetivo será aumentar el tamaño del POST (la parte central de contenidos) y de la SIDEBAR (barra lateral) manteniendo su proporción actual. Evidentemente, si aumento el post, tendré que aumentar elementos que van emparejados con él (LINKBAR, HEADER y FOOTER).
Voy a recorrer el código de la plantilla buscando aquellos párrafos CSS donde tenga referencias de medidas en pixels.
Aquellos elementos que van parejos los aumentamos en un 63,63% aprox, 350 Pixels para un total de 900. Y los demas, en la misma relación que calculamos con una sencilla regla de tres.
Unicamente hay que sustituir el valor INICIAL por el FINAL en las lineas
tales cómo:#blog-wrapper {
width: 552px;#blog-wrapper {
width: 902px;
La página queda así:
podeis verla en Andando con Yag
0 comentarios:
Publicar un comentario