lunes, 14 de febrero de 2011

Eliminar espacio superior en las plantillas nuevas

Muchos de los que usan las plantillas hechas a través del Diseñador de plantillas de Blogger eliminan la Barra de navegación (navbar) y al hacerlo descubren que queda un espacio vacío donde estaba la navbar y piensan que algo han hecho mal.

La realidad es que no han hecho nada mal ni se trata de un error, es simplemente que muchos de los diseños de esas plantillas así fueron hechas y pensadas, o sea que es parte de su diseño original, sólo que no habíamos notado que existía ese espacio porque la navbar estaba encima y nos tapaba ese espacio.

CON LA NAVBAR


SIN LA NAVBAR


Bueno, sin importar si es parte del diseño o no siempre me preguntan cómo quitar ese espacio en la parte superior de la plantilla, y en realidad es muy sencillo, sólo basta agregar un margen con valor negativo para que suba la estructura del blog.

Sólo hay que entrar en Diseño | Edición de HTML y agregar antes de ]]></b:skin> lo siguiente:
.content {
margin-top:-30px !important;
}

Y con eso se habrá subido la estructura de la plantilla desapareciendo ese espacio en la parte superior.



Este ajuste aplica para las plantillas Sencillo, Etéreo, Travel y algunos de Picture Window que son las que tienen estos espacios vacíos.
En el segundo estilo de la plantilla Picture Window el espacio es mayor por lo que se deberá aplicar un margen de -60px.

No hay comentarios:

Publicar un comentario