Tecnología

Inicio

Cómo mantener la cabecera en el lugar en Tumblr

Cómo mantener la cabecera en el lugar en Tumblr


Personalizar la cabecera en el blog de su organización de manera que permanezca en su lugar cuando los visitantes desplazarse por la página. Puede ajustar el aspecto y el formato del tema de tu blog a través de las etiquetas de hojas de estilo en cascada en su código HTML. Cuando se agrega la propiedad "posición" a la "#header {" etiqueta, se puede especificar la posición del elemento en tu blog. Sumando el valor "fijo" generará el encabezado como una caja con posición absoluta para que pueda mantener la cabecera de tu blog en su sitio.

Instrucciones

1 Vaya a la página de Tumblr Personalizar y luego ingrese a su cuenta, si es necesario.

2 Haga clic en el botón "Editar HTML" junto al tema personalizado.

3 Pulse la tecla "Ctrl-F" para abrir herramienta de búsqueda de Tumblr.

4 Enter "#header" - sin las comillas - y luego haga clic en el botón "OK" para buscar el texto en el código HTML de su tema. Repita el proceso según sea necesario hasta que encuentre la "#header {" etiqueta.

5 Insertar una nueva línea debajo #header {e introduzca el código siguiente en su propia línea:

Position: fixed;

6 Haga clic en "Actualizar vista previa" y previsualizar los cambios de cabecera de su blog en el tema de vista previa a la derecha.

7 Haga clic en "Guardar" para publicar los cambios en la cabecera de tu blog.

Consejos y advertencias

  • El contenido de tu blog se superponen en la parte superior de la cabecera cuando se desplaza por la página - a menos que hacer ajustes a la propiedad margen superior de su etiqueta de contenido. Por ejemplo, si la altura de la cabecera es de 100 píxeles, se puede ajustar el margen superior de su contenido a ser de 100 píxeles para que la cabecera no está cubierto cuando se desplaza a través de la página.
  • Para añadir un margen superior de 100 píxeles para el contenido de su blog, agregue el código siguiente en una nueva línea de abajo "#content {" de su tema de la etiqueta:
  • Margin-top: 100px;
  • Personalización del HTML para el tema de tu blog Tumblr puede causar alteraciones no deseadas en el diseño y la apariencia de su blog. Utilice la página Tema Recuperar encargo de Tumblr para restaurar temas anteriores de su blog.