El término "elementos fijos" en Tumblr se refiere a cualquier objeto en su tema de Tumblr que no se mueve en relación con la ventana del navegador. Por ejemplo, su tema puede tener una barra lateral que es fija. 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 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.
Cómo encontrar su tema CSS
Para ubicar el código fuente de su tema, debes iniciar sesión en tu cuenta de Tumblr. Desde su tablero, haga clic en el ícono de ajustes para acceder al menú 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 lo llevará a la página de personalización del tema. Debajo del título de su tema, haga 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 recorrer diferentes instancias de elementos fijos en su tema. Si su búsqueda no arroja resultados o menos de lo esperado, intente buscar "posición: fija" sin espacio después de los dos puntos. El elemento que se arregla se nombrará antes del corchete "{". Por ejemplo, #sidebar {position: fixed;} arreglaría un elemento con el ID de "barra lateral".
Posicionamiento de los elementos
Una vez que el método de posicionamiento de un elemento ha sido especificado, puede moverlo a lo largo de los ejes horizontal o vertical en un cierto número de píxeles. Para hacer esto, especifique el borde del contenedor del elemento y la cantidad de píxeles que desea separar del elemento de ese borde. Por ejemplo, #sidebar {position: fixed; arriba: 20px; right: 10px;} posicionará 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.
Cambio de elementos fijos
Si localiza un elemento fijo, puede cambiar la forma en que se coloca. El atributo "posición: estático" corrige la posición del elemento en relación con su lugar en el flujo del código HTML. Este atributo se usa para compensar el elemento en una cierta cantidad desde su posición estática normal. Por ejemplo, #sidebar {position: relative; right: 20px;} compensaría el elemento #sidebar 20 píxeles de su borde derecho normal. Por último, el atributo position: absolute elimina el elemento del flujo del documento y lo coloca en relación con su elemento contenedor. Por ejemplo, si un elemento en posición absoluta está dentro de un elemento en posición relativa, cualquier alteración en su posición ocurrirá en relación con el elemento en posición relativa. Puede experimentar con estos diferentes tipos de posicionamiento para personalizar qué elementos se arreglan en su tema Tumblr.
[¿Qué significan los elementos fijos en Tumblr?] URL: http://www.ordenador.online/computadora/Internet/244686.html