Nuevos BBCodes: hidimg, sizeimg y YouTube

[administracion]

hidimg: permite poner una imagen y que al mismo tiempo aparezca dentro de un spoiler.

sizeimg: permite reducir o ampliar una foto a las dimensiones que queráis. Debéis poner [sizeimg luego un espacio y después el ancho x largo que queréis]. Debéis tener en cuenta que si no lo hacéis de forma proporcionada pueden deformarse.

[Nirgal]

El Sizeimg está al revés, por cierto. Dice que hay que poner ancho x alto, pero si lo hago sale deformada. Para que salga bien tengo que poner alto x ancho.

[Malediction]

El Sizeimg está al revés, por cierto. Dice que hay que poner ancho x alto, pero si lo hago sale deformada. Para que salga bien tengo que poner alto x ancho.

Sí, lo sabemos. Estamos en ello.

[administracion]

A partir de ahora se pueden poner vídeos de YouTube embebidos usando el enlace corto que proporciona YouTube.

Tanto cuando se sube un video al servidor como cuando se da al botón compartir que hay en la web de YouTube, te dan ahora el enlace corto del video. Este enlace corto es de la forma http://www.youtube.com/watch?v=8U-JlJSoi60 en lugar de la vieja forma http://www.youtube.com?v=8U-JlJSoi60

De esta forma, para poder insertar videos de YouTube con enlace corto, hay que utilizar las etiquetas [youtu_be] y [/youtu_be].

El video que hay en esta página se puede visualizar ahora de estas dos formas:

http://www.youtube.com/watch?v=Pfo-8z86x80





*Citad el mensaje para ver cómo se han empleado los códigos.

[Serginandz]

Pero los links del ejemplo no son el mismo?

[Malediction]

Pero los links del ejemplo no son el mismo?

Es que es raro, intenta ponerlos, el foro pone la dirección larga

http://www.youtube.com/watch?v=Pfo-8z86x80

[Serginandz]

A ver:

http://www.youtube.com/watch?v=MUFTN8ctXT0

Es verdad

http://www.youtube.com/watch?v=MUFTN8ctXT0

http://www.youtube.com/watch?v=MUFTN8ctXT0

Pues captura de pantalla

[Malediction]

jajaja Debe ser que al añadir el bbcode nuevo al foro, lo traduce automáticamente... Qué cosas más raras...

[DrWaksman]

Ay!

Es verdad!

Lo que ocurre es que para poder añadirlo hemos tenido que añadir una ñapa que lo que te hace es reemplazar la url corta por la nueva, con lo que, aunque escribas el nombre corto, el foro te hace el replace por el largo.

Entonces, a priori puede seguir usandose el viejo BBCODE de Youtube con la URL corta, puesto que el foro ya lo traduce automaticamente.

[edu-grn]

Pero que listo es este foro

[anckesei]

¿Alguien me puede explicar com se utiliza este BBCODES (sizeimg) con un ejemplo práctico? Es que hoy he intentado reducir una imagen y no me salia así que la he tenido que poner en spoiler porque era un poco grande.

Gracias por adelantado

[Malediction]

¿Alguien me puede explicar com se utiliza este BBCODES (sizeimg) con un ejemplo práctico? Es que hoy he intentado reducir una imagen y no me salia así que la he tenido que poner en spoiler porque era un poco grande.

Gracias por adelantado

Si pone el cursor encima del botón te sale el ejemplo: debes poner [sizeimg luego un espacio y después ANCHO que quieres x el ALTO, por ejemplo, 600x300

Código: Seleccionar todo

[sizeimg 600x300]IMAGEN[/sizeimg]

El único "pero" es que a veces te toca hacer pruebas porque deformas la imagen si no has puesto bien las medidas

[Nirgal]

Un ejemplo práctico. Digamos que esta es la imagen que queremos poner:

https://67.media.tumblr.com/868c288794063b6242e9b81ee47af72e/tumblr_o7lxez4Ynx1vvv9kto1_1280.jpg



Si la ponemos usando nada más la etiqueta [img] quedaría muy grande:

Así que lo que hacemos es poner el sizeimg.

Código: Seleccionar todo

[sizeimg altoxancho en pixeles]https://67.media.tumblr.com/868c288794063b6242e9b81ee47af72e/tumblr_o7lxez4Ynx1vvv9kto1_1280.jpg[/sizeimg]

Conviene hacer un poco de matemáticas para que no se deforme la imagen. En este caso, por ejemplo, la imagen es de 1280x720, así que podemos reducirla simplemente a la mitad en las dos dimensiones:

Código: Seleccionar todo

[sizeimg 640x360]https://67.media.tumblr.com/868c288794063b6242e9b81ee47af72e/tumblr_o7lxez4Ynx1vvv9kto1_1280.jpg[/sizeimg]

Que nos da esto:


O buscar cualquier otro tamaño que cumpla con la proporción de alto y ancho de la imagen. Para esta imagen en particular, el alto es 9/16 del ancho, así que si el alto es, por ejemplo 72 pixeles, el ancho tendría que ser 128 (8x9 y 8x16, respectivamente):


Añado: Obviamente, no hace falta que cumplas con la proporción EXACTA, simplemente con que te aproximes lo suficiente. Si quisiera poner la imagen con un alto de 105 pixeles, por poner un ejemplo, el ancho me da 186.666666... pixeles, así que es suficiente con ponerla en 186 o 187. O incluso si la pongo con un ancho de 190 no se deforma demasiado:


P.S: Para servirte, Maled.

[Malediction]

Muchas gracias por el ejemplo práctico, Niggar

[anckesei]

Gracias Maled y Nirgal

Lo intenté de mil maneras y todas eran incorrectas