Magazine

Tutorial: Eliminar espacio en cabecera

Publicado el 27 septiembre 2014 por Vejibra

TutorialesTrucos Tutorial #1 "Espacio en Cabecera"
Tutorial: Eliminar espacio en cabecera
¡Buen viernes a todos! Comienzo con una nueva sección llamada "Tutoriales & Trucos", en ésta sección van a encontrar una serie de tutoriales sencillos para modificar plantillas de blogger, trucos gráficos y también alguna otra cosa que se me ocurra para su deleite:
Uno de los problemas que se presentan al eliminar la barra de navegación de blogger, es que te encuentras con un horrible espacio entre la cabecera de la plantilla y la zona superior del navegador. Así, que como primer tutorial del blog, voy a mostrar una forma sencilla para eliminar dicho espacio:
PASO IElimina la barra de navegación
"Definitivamente"



Tutorial: Eliminar espacio en cabecera
Ve a la sección de "Diseño" de tu plantilla y selecciona la "Barra de navegación", luego da clic en "No", y guarda los cambios. Lo siguiente que haces es ir a la sección de "Plantilla", y da clic en HTML. Con las teclas "Ctrl + F" busca el siguiente código: Tutorial: Eliminar espacio en cabecera.Una vez que lo has encontrado, pega el código a continuación presentado, ANTES del código que mencioné. Una vez que lo haz hecho, le das guardar.
C ó d i g o
#navbar-iframe { display: none !important; }

PASO IIElimina el espacio en cabecera
Tutorial: Eliminar espacio en cabecera
Ve una vez más a la sección de "Plantilla", y da clic en HTML. Con las teclas "Ctrl + F" busca el siguiente código: Tutorial: Eliminar espacio en cabecera. (No olvides expandir el artilugio dando clic en la flechita negra). 
Tutorial: Eliminar espacio en cabecera
Una vez que lo has encontrado pega el siguiente código, ANTES del código que mencioné. Le das guardar. ¡Ya no tienes espacio superior!. Recuerda que el número: -35px, puede ser modificado a tu conveniencia, entre más espacio (número) escribas (ejemplo: -50px) menor será la distancia de la cabecera con la parte superior del navegador. El código es aplicable a las plantillas base en "Simple o Travel".
C ó d i g o
.content { margin-top:-35px !important; }

¡Bueno eso es todo! Espero disfrutarán del pequeño tutorial. Si tienen preguntas no duden en dejar un mensaje. También, si les gustaría un tutorial en específico, pueden dejar la pregunta en mi ask, haré lo posible por crear tutoriales simples si es de mi entero conocimiento, sino lo comunicaré x'D.
¡Hasta la próxima ♥!
 photo firmav3_zps7959fb63.png


Volver a la Portada de Logo Paperblog