Insertar imágenes y vídeos en el nuevo Foro

[Webmaster]

Con la nueva plantilla del Editor de Mensajes al haber más botones puede encontrarse mas lioso, sin embargo en el mensaje
http://foroacercamadera.com/viewtopic.php?f=30&t=431
ya se explicó a que correspondía cada nuevo botón, sin embargo con las recientes incorporaciones al foro vamos a tratar de mostrar o insistir en la inserción de imágenes y vídeos

Todas las fotos o vídeos deben de estar en internet, bien propias o ajenas, las ajenas corremos el riesgo de perderlas cuando el propietario las borre o cambie de ubicación o URL

Dicho esto veamos los dos botones para poder subir las imágenes, el Foro tiene una limitación de 1000 pixeles de arista mayor en las imágenes; esto es así porque en una pantalla de 20 pulgadas (las mas habituales) la resolución es de 1200 px de ancho, por lo que no hace falta desplazarse horizontalmente para poder ver las imágenes, y por ello tenemos dos botones, el primero para imágenes de 1000 o menos px y un segundo botón para mayores dimensiones, lo que hace el algoritmo de este segundo botón es adecuar la imagen a un tanto por cien % de la pantalla del Foro, no de nuestro monitor, con el ratio o número que insertamos al llamar a este comando

Veamos como empezando por el primer botón ...

PARA IMAGENES DE 1000px o menores


Pulsamos en el botón de la imagen anterior y obtenemos las etiquetas de código siguientes

Código: Seleccionar todo

[img][/img]

Entre las etiquetas pegaremos la URL de nuestra imagen, como muestra el siguiente código

Código: Seleccionar todo

[img]https://lh3.googleusercontent.com/WaUGlbmelGgtOdd_6WbvrBjEkx2blZ1zHmvmqCikmkXYqZ5W-rJjfLUn7OuDJRmriWe0Xh0kIrZkOXBTRTCGSvbJAA-A5bFJjM-wfajci3GseMlndxFx5_qIR6tW8_j_mkqurKE81O1U4CqmZT8WHQOwPkRUqJZbWXuZn0wN27KVPXd8hUksba2nPZTT86ahE0qwo5SWeW-GYxfWhInsNW32O8a2REm1b5cXFZ52S0FoLUT0iuKS0Yu9isV6n4pGKpX8YZ3kS4apCOOB3IH0PlVrBEBqjOitWXZYFafYn6WyOKMXmDXMxd6EJf5M7tCL9k3L-E0VAXCV_H6vNMkSVqwICrAd9garpuCKxPnfHzXz0K75DAXYKch-6qTFwIWqSuy0VmSJ7HVnR5C9P4Fmjx_HdzhnrTVpYfDkheoAsM4BGJTgf7Cj5ewwAB6xS-Nx20LMD9VRUxUePHhZeFUsW1yKhIYNFkLBwvLveSUvqGlvqUbrxIJirNSSMcE1fy7ve-YLObPsaJ9IRyHS0G3FrYn9o5qclYECFFAs6vgvn2NhZW12wDJhEB-R1XH2d4r5f6eG05zn6JIyVa8wiBbeqLgpNLR5EPGh96X0ov8gW9dDhcbK9VfE=w800-h131-no[/img]

Dicha URL la habremos obtenido de nuestras imágenes, en el caso de FOTOS de Google, entramos en el álbum (es recomendable guardar cada proyecto en su correspondiente álbum) veremos viñetas de las imágenes contenidas en el álbum y pulsaremos en la deseada, esta se ampliará y sobre ella pulsaremos el BOTON DERECHO del ratón obteniendo un menú desplegable como en la imagen



Como ya sabemos la URL ha quedado guardada en el Portapapeles, buffer o memoria intermedia del Windows, y al pulsar en el botón

Al pulsar en el botón emergen las etiquetas

Código: Seleccionar todo

[imagen=][/imagen]

En esta ocasión también debemos poner la URL entre las etiquetas, ojo respetando los corchetes, cada etiqueta debe de estar encerrada entre los [etiqueta][/etiqueta]

Quedando así

Código: Seleccionar todo

[imagen=]https://lh3.googleusercontent.com/FKyHxctTzxW2u7T0as7DJYhq8b3GohIE2QS3qPA9ZJSzUcZ4lhNGI8JeCLa5PjLlOTQx6QjTLwlgthsctqBHtJ0oAvOkJuYAbo1gW99C9EQ1i5kOmabFQLtK46rAWi9XcaeeQWTJAT7fhu_vGAr3WynUlAHlRpW8amrWXrX2gX3tjMDrOG3er4ygfk82i9xggPuRUHqeDsp94bjo3iddEZA20JES6fXFKurpqQPYNT0DyGXCfjDQtt-SKuVxg2kdxlAR__L0Lu6iN3qye-zAZ-XQ_B9I-gtEG8t1o52tSyR4uf5jc-pQfyWvvVHra-ViJVXYXiNXgHYn-NVZ75a6oREjfMHJmCHtay8Uft9d9GB90soCdD_VwbTzeA0OkXtWXdhwDGlASGpehCHYr1kOGgPv-mANn14Lvg9BP6kb0iAnLvVwUE5Fweues_vwd-eINFkvFKbosUFvY-zQG7b-kUA0bZ_-dBfehGqL07-iWE2bVXDc6jrTs0CNIIFXKTAYETDwN7p6uuVr6LpcEm_IeMsFqXWevy3RI-5gWFlqgI8-YTgKN1MV-0jHqGI9vca9TIP-5v5Dgj36bWpZpIA-Jq26nB6tY6Zzr_pxg421n5Mrg4XIGIoWSeY8JZx5mpL4lmbbQst9m_eQnIT9pir12A9pjzg_qLe-G0_cNPtpmA=w1118-h894-no[/imagen]

Sin embargo falta el ratio o % al que queremos que quede la imagen yesta cifra se debe poner tras el signo"=" de la etiqueta inicio

Código: Seleccionar todo

[imagen=100]https://lh3.googleusercontent.com/FKyHxctTzxW2u7T0as7DJYhq8b3GohIE2QS3qPA9ZJSzUcZ4lhNGI8JeCLa5PjLlOTQx6QjTLwlgthsctqBHtJ0oAvOkJuYAbo1gW99C9EQ1i5kOmabFQLtK46rAWi9XcaeeQWTJAT7fhu_vGAr3WynUlAHlRpW8amrWXrX2gX3tjMDrOG3er4ygfk82i9xggPuRUHqeDsp94bjo3iddEZA20JES6fXFKurpqQPYNT0DyGXCfjDQtt-SKuVxg2kdxlAR__L0Lu6iN3qye-zAZ-XQ_B9I-gtEG8t1o52tSyR4uf5jc-pQfyWvvVHra-ViJVXYXiNXgHYn-NVZ75a6oREjfMHJmCHtay8Uft9d9GB90soCdD_VwbTzeA0OkXtWXdhwDGlASGpehCHYr1kOGgPv-mANn14Lvg9BP6kb0iAnLvVwUE5Fweues_vwd-eINFkvFKbosUFvY-zQG7b-kUA0bZ_-dBfehGqL07-iWE2bVXDc6jrTs0CNIIFXKTAYETDwN7p6uuVr6LpcEm_IeMsFqXWevy3RI-5gWFlqgI8-YTgKN1MV-0jHqGI9vca9TIP-5v5Dgj36bWpZpIA-Jq26nB6tY6Zzr_pxg421n5Mrg4XIGIoWSeY8JZx5mpL4lmbbQst9m_eQnIT9pir12A9pjzg_qLe-G0_cNPtpmA=w1118-h894-no[/imagen]

La diferencia es la cifra 100 tras el "="

Código: Seleccionar todo

[imagen=100]https://lh3.googleusercontent.com/FK.../...xg421n5Mrg4XIGIoWSeY8JZx5mpL4lmbbQst9m_eQnIT9pir12A9pjzg_qLe-G0_cNPtpmA=w1118-h894-no[/imagen]

Es imprescindible poner un ratio para que el algoritmo funcione, veamos unos ejemplos con una imagen de un navío a distintos ratios

Tomamos una imagen de mas de 1000px, en este caso 1600px de ancho como podemos ver en esta dirección
Santisima Trinidad

Copiamos la URL de la imagen y la insertamos entre las etiquetas

Código: Seleccionar todo

[imagen=][/imagen]

pulsando el botón visto en la imagen primera de la segunda parte poniendo varios ratios para ver las diferencias

100%

Código: Seleccionar todo

[imagen=100]https://lh3.googleusercontent.com/RC0yL8gp0WBFRVU09UrvYfDFqeJPx49PaSif9igc0MwlqMc6dbSQSpRkwIr06k05r9a0JkqjUt-MqV7kbNnoupyyJr_F0irv5woNz_ik8vjIjigEpeAa7LzRe4Dnx8dxC-kM-4DMp7d90DwyZI-azW04tSc0Vfefn6LBwA3iwYZ5yGhsOJHeqxuzY6vGci_WX477WkfdqSaJ7k5fy7bsNgz6-2E_lBbkyezvyo4PICY5_xsyyCHW0C4o3ICbZeDBM45FSY_KWp91vrPUHtOqiC7uk3GWWgf1tnHeZhVOg4n5jAa6uawIbjuMWYAlO4nuXKSIna-GhcYtgolLIQ6lBmoISBW4-AOnQDJVeyOyq5JSESYlNIqeg2pSGqI7QtohUD7hDKTmcVny7rjpX_oqv6Q7A6RnX9eCkze0DuoLJgS57OVIomdFT1P5fP46ho6MOdp8wYqJ3ICXxIEsjqGrmGX_NOc0UeTirvANvg3Gq1JEPQv2LjN0iUVuH8O5R5XMcwuNhXPqRPQu-uK96Fj7zIMsCGvB9f_6UPCQP9TfejhWFxAddz90Aw_tVqW4gOGpBmPd18TQlPe0_s6E5LbCxv4Wg_2wNwc3XgXx7PPa2fAzhDYqNAGlEiGK67Ta5PNIRFt1xMzqL9lLxuChiYfoA1U-Kk4JLXLm93q7NpyorA=w1127-h846-no[/imagen]

70%

Código: Seleccionar todo

[imagen=70]https://lh3.googleusercontent.com/RC0yL8gp0WBFRVU09UrvYfDFqeJPx49PaSif9igc0MwlqMc6dbSQSpRkwIr06k05r9a0JkqjUt-MqV7kbNnoupyyJr_F0irv5woNz_ik8vjIjigEpeAa7LzRe4Dnx8dxC-kM-4DMp7d90DwyZI-azW04tSc0Vfefn6LBwA3iwYZ5yGhsOJHeqxuzY6vGci_WX477WkfdqSaJ7k5fy7bsNgz6-2E_lBbkyezvyo4PICY5_xsyyCHW0C4o3ICbZeDBM45FSY_KWp91vrPUHtOqiC7uk3GWWgf1tnHeZhVOg4n5jAa6uawIbjuMWYAlO4nuXKSIna-GhcYtgolLIQ6lBmoISBW4-AOnQDJVeyOyq5JSESYlNIqeg2pSGqI7QtohUD7hDKTmcVny7rjpX_oqv6Q7A6RnX9eCkze0DuoLJgS57OVIomdFT1P5fP46ho6MOdp8wYqJ3ICXxIEsjqGrmGX_NOc0UeTirvANvg3Gq1JEPQv2LjN0iUVuH8O5R5XMcwuNhXPqRPQu-uK96Fj7zIMsCGvB9f_6UPCQP9TfejhWFxAddz90Aw_tVqW4gOGpBmPd18TQlPe0_s6E5LbCxv4Wg_2wNwc3XgXx7PPa2fAzhDYqNAGlEiGK67Ta5PNIRFt1xMzqL9lLxuChiYfoA1U-Kk4JLXLm93q7NpyorA=w1127-h846-no[/imagen]

40%

Código: Seleccionar todo

[imagen=40]https://lh3.googleusercontent.com/RC0yL8gp0WBFRVU09UrvYfDFqeJPx49PaSif9igc0MwlqMc6dbSQSpRkwIr06k05r9a0JkqjUt-MqV7kbNnoupyyJr_F0irv5woNz_ik8vjIjigEpeAa7LzRe4Dnx8dxC-kM-4DMp7d90DwyZI-azW04tSc0Vfefn6LBwA3iwYZ5yGhsOJHeqxuzY6vGci_WX477WkfdqSaJ7k5fy7bsNgz6-2E_lBbkyezvyo4PICY5_xsyyCHW0C4o3ICbZeDBM45FSY_KWp91vrPUHtOqiC7uk3GWWgf1tnHeZhVOg4n5jAa6uawIbjuMWYAlO4nuXKSIna-GhcYtgolLIQ6lBmoISBW4-AOnQDJVeyOyq5JSESYlNIqeg2pSGqI7QtohUD7hDKTmcVny7rjpX_oqv6Q7A6RnX9eCkze0DuoLJgS57OVIomdFT1P5fP46ho6MOdp8wYqJ3ICXxIEsjqGrmGX_NOc0UeTirvANvg3Gq1JEPQv2LjN0iUVuH8O5R5XMcwuNhXPqRPQu-uK96Fj7zIMsCGvB9f_6UPCQP9TfejhWFxAddz90Aw_tVqW4gOGpBmPd18TQlPe0_s6E5LbCxv4Wg_2wNwc3XgXx7PPa2fAzhDYqNAGlEiGK67Ta5PNIRFt1xMzqL9lLxuChiYfoA1U-Kk4JLXLm93q7NpyorA=w1127-h846-no[/imagen]

130% Si ponemos una ratio superior al 100, la imagen es enorme con respecto al Foro, pero perdemos la parte derecha de la imagen; puede ser útil en algunos casos pero no abusar de ello

Código: Seleccionar todo

[imagen=130]https://lh3.googleusercontent.com/RC0yL8gp0WBFRVU09UrvYfDFqeJPx49PaSif9igc0MwlqMc6dbSQSpRkwIr06k05r9a0JkqjUt-MqV7kbNnoupyyJr_F0irv5woNz_ik8vjIjigEpeAa7LzRe4Dnx8dxC-kM-4DMp7d90DwyZI-azW04tSc0Vfefn6LBwA3iwYZ5yGhsOJHeqxuzY6vGci_WX477WkfdqSaJ7k5fy7bsNgz6-2E_lBbkyezvyo4PICY5_xsyyCHW0C4o3ICbZeDBM45FSY_KWp91vrPUHtOqiC7uk3GWWgf1tnHeZhVOg4n5jAa6uawIbjuMWYAlO4nuXKSIna-GhcYtgolLIQ6lBmoISBW4-AOnQDJVeyOyq5JSESYlNIqeg2pSGqI7QtohUD7hDKTmcVny7rjpX_oqv6Q7A6RnX9eCkze0DuoLJgS57OVIomdFT1P5fP46ho6MOdp8wYqJ3ICXxIEsjqGrmGX_NOc0UeTirvANvg3Gq1JEPQv2LjN0iUVuH8O5R5XMcwuNhXPqRPQu-uK96Fj7zIMsCGvB9f_6UPCQP9TfejhWFxAddz90Aw_tVqW4gOGpBmPd18TQlPe0_s6E5LbCxv4Wg_2wNwc3XgXx7PPa2fAzhDYqNAGlEiGK67Ta5PNIRFt1xMzqL9lLxuChiYfoA1U-Kk4JLXLm93q7NpyorA=w1127-h846-no[/imagen]

40% y 30% para hacer comparativas de detalles puede interesar poner varias imágenes juntas, para ellos pondremos los códigos juntos pero la suma de sus ratios no ha de superar el 100

Código: Seleccionar todo

[imagen=40]https://lh3.googleusercontent.com/RC0yL8gp0WBFRVU09UrvYfDFqeJPx49PaSif9igc0MwlqMc6dbSQSpRkwIr06k05r9a0JkqjUt-MqV7kbNnoupyyJr_F0irv5woNz_ik8vjIjigEpeAa7LzRe4Dnx8dxC-kM-4DMp7d90DwyZI-azW04tSc0Vfefn6LBwA3iwYZ5yGhsOJHeqxuzY6vGci_WX477WkfdqSaJ7k5fy7bsNgz6-2E_lBbkyezvyo4PICY5_xsyyCHW0C4o3ICbZeDBM45FSY_KWp91vrPUHtOqiC7uk3GWWgf1tnHeZhVOg4n5jAa6uawIbjuMWYAlO4nuXKSIna-GhcYtgolLIQ6lBmoISBW4-AOnQDJVeyOyq5JSESYlNIqeg2pSGqI7QtohUD7hDKTmcVny7rjpX_oqv6Q7A6RnX9eCkze0DuoLJgS57OVIomdFT1P5fP46ho6MOdp8wYqJ3ICXxIEsjqGrmGX_NOc0UeTirvANvg3Gq1JEPQv2LjN0iUVuH8O5R5XMcwuNhXPqRPQu-uK96Fj7zIMsCGvB9f_6UPCQP9TfejhWFxAddz90Aw_tVqW4gOGpBmPd18TQlPe0_s6E5LbCxv4Wg_2wNwc3XgXx7PPa2fAzhDYqNAGlEiGK67Ta5PNIRFt1xMzqL9lLxuChiYfoA1U-Kk4JLXLm93q7NpyorA=w1127-h846-no[/imagen][imagen=30]https://lh3.googleusercontent.com/RC0yL8gp0WBFRVU09UrvYfDFqeJPx49PaSif9igc0MwlqMc6dbSQSpRkwIr06k05r9a0JkqjUt-MqV7kbNnoupyyJr_F0irv5woNz_ik8vjIjigEpeAa7LzRe4Dnx8dxC-kM-4DMp7d90DwyZI-azW04tSc0Vfefn6LBwA3iwYZ5yGhsOJHeqxuzY6vGci_WX477WkfdqSaJ7k5fy7bsNgz6-2E_lBbkyezvyo4PICY5_xsyyCHW0C4o3ICbZeDBM45FSY_KWp91vrPUHtOqiC7uk3GWWgf1tnHeZhVOg4n5jAa6uawIbjuMWYAlO4nuXKSIna-GhcYtgolLIQ6lBmoISBW4-AOnQDJVeyOyq5JSESYlNIqeg2pSGqI7QtohUD7hDKTmcVny7rjpX_oqv6Q7A6RnX9eCkze0DuoLJgS57OVIomdFT1P5fP46ho6MOdp8wYqJ3ICXxIEsjqGrmGX_NOc0UeTirvANvg3Gq1JEPQv2LjN0iUVuH8O5R5XMcwuNhXPqRPQu-uK96Fj7zIMsCGvB9f_6UPCQP9TfejhWFxAddz90Aw_tVqW4gOGpBmPd18TQlPe0_s6E5LbCxv4Wg_2wNwc3XgXx7PPa2fAzhDYqNAGlEiGK67Ta5PNIRFt1xMzqL9lLxuChiYfoA1U-Kk4JLXLm93q7NpyorA=w1127-h846-no[/imagen]

Finalmente queda insertar vídeos, tomemos como ejemplo el vídeo
Le Fleuron 1/48 por Ricardo Ferrer

cuya URL de youtube es

Código: Seleccionar todo

https://www.youtube.com/watch?v=yH4hXE_PcBU

Pulsamos el botón mostrado en la imagen siguiente


En el menú emergente pondremos la URL y el tamaño deseado, no superior a 1000

Código: Seleccionar todo

[BBvideo=640,360]https://www.youtube.com/watch?v=yH4hXE_PcBU[/BBvideo]

Y este el resultado de la inserción



Tras esto esperemos que no surjan mas dudas de cómo insertar vídeos o imágenes, no obstante la oficina virtual esta abierta a vuestra disposición para resolver todo tipo de dudas no aclaradas en mensajes previos. Se agradece que el usuario que tnega vídeos o imágenes con el anterior sistema edite y republique con las nuevas herramientas. Quién detecte códigos sueltos en lugar de las imágenes comunicarlo por Mensaje Privado a la Administración para subsanar si es posible estos errores, recordar el que Foro lo formamos todos y es el interés de Todos tenerlo perfectamente cuidado y mantenido; gracias de antemano pro colaborar