Tutorial para crear tablas

Avatar de Usuario
kharma
Administrador del Sitio
Mensajes: 349
Registrado: 10 Sep 2011 12:41

Tutorial para crear tablas

Mensajepor kharma » 25 May 2013 10:37

Para poder crear una tabla en el mensaje se deberán utilizar los nuevos botones que se ven arriba. Si no ves los botones es que tienes deshabilitado el BBCode, consultame para decirte como se activan.

Vamos a explicarlo pasito a pasito. Para que se vea mejor yo iré separando las etiquetas pero siempre te aparecerán pegadas al darle a los botones.

1- Lo primero es crear la tabla. Para ello hay que darle al botón que pone "Tabla".

Te saldrá lo siguiente :

Código: Seleccionar todo

[Tabla][/Tabla]


El contenido de la tabla deberá ir entre las dos etiquetas, todo lo que este fuera no forma parte de la tabla.

2- Crear las filas. Por cada fila que queramos incluir hay que darle al botón de "Fila".

Por ejemplo, queremos que nuestra tabla tenga dos filas. Así que le damos al botón dos veces y saldría algo así:

Código: Seleccionar todo

[Tabla]
[Fila]
[/Fila]
[Fila]
[/Fila]
[/Tabla]


El contenido de la fila deberá ir entre sus dos etiquetas.

3- Crear las celdas. Dentro de cada fila deberemos crear sus celdas, donde por fin podemos poner el contenido. Cada celda correspondería una columna de la tabla.

Siguiendo nuestro ejemplo anterior cada fila tendrá dos columnas. Y ya ponemos el texto que queremos incluir:

Código: Seleccionar todo

[Tabla]
[Fila]
[Celda]Fila 1 Columna 1[/Celda]
[Celda]Fila 1 Columna 2[/Celda]
[/Fila]
[Fila]
[Celda]Fila 2 Columna 1[/Celda]
[Celda]Fila 2 Columna 2[/Celda]
[/Fila]
[/Tabla]


Lo que daría el siguiente resultado:




Fila 1 Columna 1Fila 1 Columna 2
Fila 2 Columna 1Fila 2 Columna 2


Y ya tendríamos nuestra tabla.

Consejo: si ya tenemos claro el tamaño de nuestra tabla (numero de filas y columnas) en vez de ir dándole a los botones hasta que creamos todos lo mejor es copiar y pegar. Creamos la primera fila y le añadimos el numero de celdas que va a tener pero sin rellenar ninguna. Luego copiamos toda la fila y vamos pegando debajo hasta tener el numero de filas que queramos ahorrando mucho esfuerzo.

Nivel avanzado :geek:

Celdas combinadas

Podemos combinar o unir celdas con el botón de "CeldaComb=". Se usa igual que el botón de crear celda pero después del signo "=" hay que poner el numero de celdas que queremos combinar. Hay que tener en cuenta que no combina celdas ya existentes sino que debemos hacerlo mientras se crea la tabla. Quedaría algo así:

Código: Seleccionar todo

[Tabla]
[Fila]
[CeldaComb=2]Cabecera[/CeldaComb]
[/Fila]
[Fila]
[Celda]Fila 2 Columna 1[/Celda]
[Celda]Fila 2 Columna 2[/Celda]
[/Fila]
[/Tabla]


Lo que se vería así:



Cabecera
Fila 2 Columna 1Fila 2 Columna 2


Como se puede ver en la primera fila solo creo una celda pero como esta combinada no hace falta que añada más celdas.

Columnas combinadas

Igual que el anterior pero en vez de unir celdas a la ancho, lo hacemos a lo alto, o sea mediante las columnas. Para eso se usa el boton de "columcomb". Este es más complicado de usar porque hay que estar atento a todas las filas que unamos.

Código: Seleccionar todo

[Tabla]
[Fila]
[columcomb=2]Columna combinada[/columcomb]
[Celda]Fila 1 Columna 2[/Celda]
[/Fila]
[Fila]
[Celda]Fila 2 Columna 2[/Celda]
[/Fila]
[/Tabla]




Columna combinadaFila 1 Columna 2
Fila 2 Columna 2

Avatar de Usuario
berger
Comisario Bloodbowl
Mensajes: 78
Registrado: 15 Jul 2012 17:44

Re: Tutorial para crear tablas

Mensajepor berger » 26 May 2013 13:24

Mmmm interesante... muchas gracias ;)


Volver a “Webtemplada”

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado