-
Formateo de una imagen en un texto del anuncio en Tumblr
-
Hay siete tipos distintos puestos en Tumblr. De éstos, el puesto de fotos da protagonismo a la imagen o imágenes que elija, con una pequeña leyenda debajo. Sin embargo, también se puede insertar fotos en el cuerpo de los mensajes de texto (o, de hecho el subtítulo de cualquier tipo de mensaje) utilizando el botón en la barra de herramientas. ¿Cómo esta visualizaciones de imágenes incrustadas en la página depende de un código HTML que se agrega al palo ante los ajustes ya presente en su tema de Tumblr.Instrucciones
1 Haga clic en el botón "Subir imagen" (un icono de cámara) en la barra de herramientas de texto del anuncio para elegir una imagen de su sistema. Elige una imagen y haga clic en "Abrir" para insertarlo.
2 Haga clic en el botón "<html>" en la barra de herramientas para editar el código fuente HTML del mensaje. Esto revela el código subyacente que Tumblr publicará.
3 Haga clic en cualquier lugar dentro del código HTML para realizar cambios. Se puede ajustar el "<img>" etiqueta para cambiar los atributos de la imagen: por ejemplo, añadir "width =" x "" o "height =" x "" (donde "X" con un número específico de píxeles) cambiar las dimensiones de la imagen.
4 Seleccione el botón "<html>" de nuevo para previsualizar los cambios tal y como aparecerán en el sitio web. Haga clic en "Publicar" para cargar el mensaje a Tumblr.
5 Haga clic en el icono de la rueda dentada de color gris en la parte superior del salpicadero, y luego elegir un blog de la lista y seleccione "Personalizar".
6 Desplazarse hasta la sección Avanzado e introduzca cualquier CSS que desea utilizar para modificar el formato de las imágenes de su blog en el cuadro "Añadir CSS personalizado". Por ejemplo, se podría utilizar el código "img {border: 2px sólido;}" para agregar un borde sólido de 2 píxeles de todas las imágenes.
7 Haga clic en "Guardar" para confirmar sus modificaciones, a continuación, seleccione "Cerrar" para cerrar la pantalla de personalización.
Consejos y advertencias
- El más nuevo estándar HTML5 fomenta el uso de CSS para imágenes en formato de texto (y) en vez de código HTML. Si bien este es un enfoque más flexible, que significa el código exacto requerido para dar formato a sus imágenes dependerá de la estructura de su tema actual y la forma en que ha sido diseñado por su autor.
- Cualquier formato aplicado utilizando la regla CSS img {} se aplicará a todas las imágenes en tu blog. Para aplicar los cambios a las imágenes dentro de los mensajes de texto solamente, es necesario crear una clase separada de las imágenes en la hoja de estilo del tema. Esto ya puede haber sido hecho por usted: haga clic en el botón "Editar HTML" en el panel de personalización a la vista HTML del tema actual, prestando especial atención a las reglas de formato de imagen y clases. También puede ver una referencia a un archivo de hoja de estilo (con la extensión .css) alojado externamente - pegar esta dirección en su navegador Web para ver la hoja de estilo, que mostrará las reglas de formato actuales para el blog.
