El término "elementos fijos" en Tumblr se refiere a cualquier objeto en su tema Tumblr que no se mueve en relación con la ventana del navegador. Por ejemplo su tema podría tener una barra lateral que está arreglada. En este caso la barra lateral no se mueve cuando se desplaza hacia abajo en la página; Siempre permanece en el mismo lugar en relación con la ventana del navegador. Los elementos fijos se definen en el código de las hojas de estilo en cascada de su tema.
HTML y CSS
Todos los temas de Tumblr se definen mediante una combinación de HTML y CSS. En general HTML controla la estructura de un tema mientras que CSS dicta su estilo. Muchos sitios web tienen archivos HTML y CSS separados. Sin embargo el HTML y CSS de un tema típico de Tumblr existen juntos en un código fuente unificado.
Búsqueda de su tema CSS
Para ubicar el código fuente de su tema debe iniciar sesión en su cuenta Tumblr. Desde su panel de control haga clic en el icono de engranaje para acceder al menú de Configuración. En el menú Configuración seleccione el blog que desea ver. En el menú de personalización del blog haga clic en "Personalizar" en la sección Tema. Esto te llevará a la página de personalización del tema. Debajo del título de tu tema haz clic en "Editar HTML". Esto mostrará el HTML y CSS de su tema.
La Posición: Propiedad fija
Dentro del código de su tema puede presionar "Ctrl-F" para buscar artículos específicos. Si escribe "posición: fijo" en el campo de búsqueda puede alternar entre diferentes instancias de elementos fijos en su tema. Si su búsqueda no arroja resultados o es menor que el esperado intente buscar "position: fixed" sin espacio después de los dos puntos. El elemento que está arreglado se nombrará antes del corchete "{". Por ejemplo #sidebar {position: fixed;} arreglaría un elemento con el ID de "barra lateral".
Posicionando los elementos
Una vez que el método de posicionamiento de un elemento ha sido especificado puede moverlo a lo largo de los ejes horizontales o verticales un cierto número de píxeles. Para hacer esto especifique el borde del contenedor del elemento y el número de píxeles que desea separar el elemento de ese borde. Por ejemplo #sidebar {position: fixed; superior: 20px; derecha: 10px;} colocará la barra lateral 20 píxeles desde la parte superior de la ventana del navegador y 10 píxeles desde la derecha de la ventana del navegador.
Cambiar elementos fijos
Si ubica un elemento fijo puede cambiar la forma en que se posiciona. El atributo "posición: estática" corrige la posición del elemento en relación con su lugar en el flujo del código HTML. Este atributo se utiliza para compensar el elemento en una cierta cantidad de su posición estática normal. Por ejemplo #sidebar {position: relative; derecha: 20px;} desplazaría el elemento #sidebar 20 píxeles de su borde derecho normal. Por último el atributo position: absolute elimina el elemento del flujo de documentos y lo coloca en relación con su elemento contenedor. Por ejemplo si un elemento de posición absoluta está dentro de un elemento de posición relativa cualquier alteración de su posición se producirá en relación con el elemento de posición relativa. Puede experimentar con estos diferentes tipos de posicionamiento para personalizar qué elementos están fijos en su tema Tumblr.