Para centrar una imagen de fondo en el tema de su blog de Tumblr, edite una línea simple de código CSS en la página de código HTML del tema del blog. Considere usar una imagen de fondo que llene el espacio de fondo sin repetirse o "en mosaico". La función de imagen de fondo en el tema predeterminado de Tumblr Redux muestra imágenes de fondo de forma predeterminada. Puede deshabilitar el mosaico y centrar la imagen de fondo editando la misma declaración CSS. Tenga en cuenta que puede centrar la imagen tanto vertical como horizontalmente.
Abra Tumblr, luego haga clic en la flecha junto al nombre de su blog para ver una lista de todos sus blogs. Haga clic en el blog para editar en el cuadro de diálogo emergente. Para editar el tema principal de su blog, vaya al siguiente paso.
Haga clic en la pestaña "Personalizar" para abrir el tema seleccionado en el modo de edición.
Haga clic en el icono "Cargar" en la sección Imagen de fondo del panel Personalizar, luego busque y haga clic en la imagen de fondo. Haga clic en "Abrir" para cargar la imagen.
Haga clic en el enlace "Editar HTML" para abrir el editor de temas.
Presione "Ctrl-F" para abrir la herramienta Buscar y reemplazar. Escriba "fondo", sin comillas, en el cuadro de entrada. Haga clic en la flecha hacia abajo para encontrar las siguientes líneas de código:
cuerpo {fondo: {color: fondo} url ('{imagen: fondo}') repetición fija superior izquierda;
Cambie los valores de la propiedad de fondo de "repetición fija superior izquierda" a "centro central sin repetición". La primera instancia de "centro" centra verticalmente la imagen. La segunda instancia centra horizontalmente la imagen. No olvide el punto y coma al final del enunciado.
Haga clic en el botón "Actualizar vista previa" para ver la imagen de fondo en la ventana Vista previa.
Haga clic en "Guardar" para guardar las modificaciones del código, luego haga clic en el icono Salir para cerrar el editor y volver a la página principal de su blog.
Consejos
Puede utilizar un código abreviado para la línea de "centro central sin repetición" si tiene la intención de centrar su imagen de fondo tanto horizontal como verticalmente. Si se omite un valor de "centro", se implica un valor de "centro". Simplemente puede usar "centro sin repetición" para centrar la imagen tanto vertical como horizontalmente.
La línea "centro superior sin repetición" centra horizontalmente la imagen y alinea la imagen con la parte superior de la página.
