sábado, 24 de noviembre de 2018

Corregir el ancho y alto de entradas embebidas


¿CÓMO CORREGIR EL ANCHO DE ENTRADAS EMBEBIDAS EN UN BLOG?
Imaginemos que hemos realizado una entrada embebida con el procedimiento que ya sabemos, pero nos queda una ventana, en la parte embebida, muy pequeña, como la que muestra la siguiente imagen (Figura 1)
Figura 1: Imagen embebida con un ancho y alto muy pequeño
Pues bien, hay varios procedimientos. Yo os doy uno muy sencillo.
Vosotros tendréis vuestro código HTML muy parecido al siguiente. Fíjate exactamente en los fragmentos que están en negrita y azul:
<iframe src="https://docs.google.com/document/d/e/2PACX-1vSggcQeh5eJ3G1bMLTQWSD742Su7GVokxKmBilOvWgGpKeVm3MkFeDpXYkWubRF3Ob7_UaUP7/pub?embedded=true"></iframe>
1.    Al inicio vuestro código comienza con <iframe. Pega entre ese código y src la expresión: height="600%"
2.    Vuestro código finaliza con ></iframe>. Pues pega después de =true” y antes de ></iframe> la expresión: width="100%"
3.    Al resto de cosas no le toques, ni escribas, ni pongas espacios ni nada. Debe quedar tal cual lo tenías.
Fíjate como lo he puesto yo:
Código HTML inicial
<iframe src="https://docs.google.com/document/d/e/2PACX-1vSggcQeh5eJ3G1bMLTQWSD742Su7GVokxKmBilOvWgGpKeVm3MkFeDpXYkWubRF3Ob7_UaUP7/pub?embedded=true"></iframe>

Código HTML final
<iframe height="600%" src="https://docs.google.com/document/d/e/2PACX-1vRqBeGWSlK7xvmujMYySZaFjVR-Ayhgkf6RqXWc8gUsPeydzWRTYSDzAfvx1foQv3WGF83ZtwNMlEkcug/pub?embedded=true"width="100%"></iframe>




Éste es el resultado obtenido. Figura 2

Figura 2: Entrada embebida con un ancho y alto más óptimo.
Gimp002.JPG

No hay comentarios:

Publicar un comentario