Tecnología

Inicio

Cómo mantener ancho fijo en Tumblr

August 19

Mientras que algunos sistemas de gestión de contenidos usan hojas de estilo en cascada para modificar elementos de estilo y ancho de la página de control, Tumblr utiliza un único documento HTML para controlar cómo se muestran los mensajes. Puede utilizar estilos CSS con Tumblr, pero hay que definir y llamar estilos dentro del mismo documento. La creación de un blog de ancho fijo, entonces, significa ajustar archivo HTML principal de Tumblr.

Instrucciones

1 Entrar a tu blog Tumblr y haga clic en el nombre de su blog en el tablero de instrumentos en la parte superior bajo el icono de la lista. Haga clic en "Personalizar el aspecto" en la columna de la derecha, y luego elegir la opción "Edición de HTML" a continuación el tema activo. En su forma más simple, un blog Tumblr tiene <html>, <head> y <body>, los tres de los cuales estarán en la parte superior de su archivo de tema.

2 Coloca el cursor después de la etiqueta <head> y presionar "Enter" para crear una nueva línea en el código. Escribe lo siguiente para crear una sección del HTML donde se puede definir todos los estilos:

<Style type = "css">

3 Pulse la tecla "Enter" y escriba:

envase {

Anchura: 900px;
flotar: auto;
}

Sustituir el valor "ancho" con la anchura deseada de tu blog Tumblr.

4 Tipo "</ style>" después de la definición "#container" y presionar "Enter".

5 Desplazarse hacia abajo en el código para la apertura "<body>" etiqueta e insertar este fragmento de código - <div id = "contenedor"> - inmediatamente por debajo de esa etiqueta. Desplazarse hasta el final del archivo HTML y el tipo de la etiqueta "</ div>" inmediatamente antes del cierre </ body>. Esto hará que todo el contenido de tu blog Tumblr dentro de un contenedor de 900 píxeles de ancho.

6 Haga clic en "Guardar" para guardar los cambios en el código de Tumblr. Cargar tu blog en una nueva ventana del navegador y probar la configuración, manteniendo el editor HTML abierto en la primera ventana. Cambiar una y otra, ajustando la variable "anchura" hasta que la página se muestra como desee. Si la página se está deslizando hacia la izquierda, quitar el "flotar: auto" línea en la sección <style>.

Consejos y advertencias

  • El uso de un ancho fijo se romperá ningún temas móviles para su blog, y los dispositivos móviles elegirá automáticamente la versión completa del sitio.