Nuevos botones de tablas e imagenes reducidas

[haujavi]

En el apartado del amigo invisible Casius hacía una petición que he intentado explicar. Son unos botones nuevos para poder poner tablas y poder poner imagenes reducidas que intento explicar a continuación.

Iba a hacer una tabla con los participantes y los puzzles que tienen/han completado, pero en este foro por mucho que he probado códigos, no me sale una tabla, tal y como salen en el apartado de competiciones (haujavi, a ver si nos puedes habilitar un botón para poder insertar tablas ).

Vamos a ver... voy a poner públicos los códigos para hacer tablas. Eso sí, es un poco pesado y muy engorroso de editar ya que tiene que ir todo seguido en una línea. Son los botones "tabla=" "col" y "fila" y a ver si puedo explicar como se hace. Básicamente lo primero es poner la etiqueta de tabla. Esta etiqueta tiene dos parámetros, el primero el espacio entre el texto y el borde de la celda de la tabla y el segundo el tipo de borde, con númeritos desde el 0 sin borde y conforme se aumenta aumenta el tamaño del borde. Las que he puesto en el foro son 0 y 1 respectivamente:

Código: Seleccionar todo

[tabla=0;1][/tabla]

Luego hay que poner el contenido, que tal como está pensado en html va por filas y columnas. Primero pondríamos la fila:

Código: Seleccionar todo

[tabla=0;1][fila][/fila][/tabla]

Luego la etiqueta de columna:

Código: Seleccionar todo

[tabla=0;1][fila][col][/col][/fila][/tabla]

Y ahora ya podemos poner el contenido:

Código: Seleccionar todo

[tabla=0;1][fila][col]Prueba tabla[/col][/fila][/tabla]

Y el resultado es el siguiente:

Prueba tabla

Vale, no mola, esto es muy simple, vamos a hacer el ejemplo con los datos del amigo invisible que comenta Casius, Por ejemplo para los puzles de Casius, Ana P y mios, para no liar mucho el código. Antes habíamos hecho el ejemplo con una celda, para poner varias celdas en una misma columna se ponen tantas etiquetas "col" como celdas se quieran. Por ejemplo pongamos como título el nombre del forero.

Código: Seleccionar todo

[tabla=0;1][fila][col]Casius[/col][col]Ana P[/col][col]haujavi[/col][/fila][/tabla]

Veamos el resultado:

Casius

Ana P

haujavi

Bien, ya vamos teniendo algo. Vamos a poner una segunda fila. Igual que con las columnas tenemos que poner las filas seguidas en el código, sin separaciones por espacios ni por saltos de línea ni nada. Pongamos en la segunda línea los puzles que tiene cada uno a modo de resumen.

Código: Seleccionar todo

[tabla=0;1][fila][col]Casius[/col][col]Ana P[/col][col]haujavi[/col][/fila][fila][col]Puzles muy grandes[/col][col]Casi todos los del mundo  :wink: [/col][col]Puzles del pleistoceno[/col][/fila][/tabla]

Y aquí tenéis el resultado:

Casius	Ana P	haujavi
Puzles muy grandes	Casi todos los del mundo	Puzles del pleistoceno

A partir de aquí ya vas poniendo más cosas y se hace un lío muy grande de filas, cols y demás, es ir probando un poco. No lo había puesto público antes porque es bastante lío y no quería liar más a la gente con más botoncitos, tranquilos, a los que no os interese simplemente pasáis y no hay problema

He aprovechado y he puesto pública otra etiqueta que espero que os sea útil. Es la "img2=", esta sirve para redimensionar una imagen que pongáis. Es decir, el link a la imagen que pongais se reducirá al tamaño que pongáis después del signo de igual y automáticamente tendrá un link a la imagen original para que se pueda ver en tamaño real. Aviso que puede que no funcione con algunos links de servidores de imagenes y demás, por eso tampoco lo había puesto como público pero bueno, si os vale para no tener que redimensionar en algunos casos pues mira, mejor que mejor

Pongo un ejemplito de uso. Con una imagen de mi último puzle, el atardecer en Manhattan, que en formato original es en 800x566:



Pero vamos a ponerle por ejemplo que la queremos a 400x283 con el invento del img2=

Código: Seleccionar todo

[img2=400;283]https://sn2files.storage.live.com/y1pjzAwnvoHSP3xXJNlPnTojp5-pwp4CI3_U72ABFnRQkXDSJXZKVdYioHhC1qqGBZEicg1HJHf-hE/AtardecerEnManhattan3000Educa.jpg[/img2]

Y tendremos esto:



Esto es como un chicle, si le ponemos dimensiones deformadas lo deformará, por ejemplo esta misma imagen a 200x500 quedará así:



En fin, espero que estas cosas os puedan ayudar y no os lien mucho, voy a poner esto en la parte de anuncios para que la gente pueda consultarlo

[Casius]

Muchas gracias haujavi, sé que no habrá muchos que vayan a crear tablas en el foro, pero con saber los códigos ya es suficiente, ya sé que un poco lioso a la hora de crearlas .
En cuanto a la redimensión de imágenes, será una función muy interesante para algunas fotos .

[mar]

puffffff!!!!!!! demasie demasie!

[Simbelmine]

Vaya currazos os pegais para pasarnos estos tutos.... Sois geniales!!! Gracias Capi !!!