Bienvenido, Invitado
Nombre de Usuario: Contraseña: Recordarme

TEMA: FAQ: ¿Cómo se crea una tabla con BBCode?

FAQ: ¿Cómo se crea una tabla con BBCode? 29 Abr 2014 14:20 #1

  • findelat
  • Avatar de findelat
  • Fuera de línea
  • Administrador
  • Mensajes: 3477
  • Gracias recibidas 226
Hola,

Muchas veces nos preguntamos ¿cómo puedo ordenar estos números en una tabla para que aparezcan ordenados luego? El editor de texto que usamos en el foro Kunena es el BBCode que tiene unos códigos para que el editor sepa cómo ordenar o dar un estilo al texto que tenemos (negrita, cursiva...). A primera vista parece algo muy dificil y poco intuitivo, pero en realidad es muy sencillo. No os dejéis asustar por esto de los códigos que vienen a continuación.

Crear una tabla es bastante sencillo, pero tiene algunos trucos. Vamos a ver cómo se usa:

1. Tenemos que situar el cursor donde queremos insertar la tabla y pinchar en el incono correspondiente de crear una tabla


2. Aparecerán los siguentes códigos, porque el editor nos crea por defecto una tabla de dos filas y dos columnas:
[table]
  [tr]
    [td][/td]
    [td][/td]
  [/tr]
  [tr]
    [td][/td]
    [td][/td]
  [/tr]
[/table]

Aquí nos detenemos un momento para ver cómo funciona esto de las tablas, porque siempre que usamos el editor BBCode los comandos comienzan con corchetes y terminan con corchetes y barra: algo así [ ] texto [/ ]. En medio de los corchetes introducidmos la orden, como negrita, cursiva.. una tabla...

Para construir una tabla tenemos que tener claros tres conceptos básicos:
  1. Dónde empieza la tabla
  2. Cuántas columnas tiene
  3. Cuántas filas necesitamos
  4. Dónde acaba la tabla

Dicho esto vamos a ver cómo la construimos. Para facilitar las cosas os pongo el código primero, que es lo que veremos en el editor cuando lo editamos. Parece muy complicado pero no lo es:
[table] nos indica dónde comienza la tabla y [/table] irá al final para cerrarla
[tr] es el comienzo de cada línea y la cerramos con [/tr]
[td] tiene que ir entre las [tr] [/tr] es cada una de las celdas7columnas e irá cerrado por [/td]

Es decir cada código [tr] inicia una línea y tenemos que cerrarla con el código [/tr]. En medio tenemos los códigos [td] que son las columnas, y también debemos cerrarlas con los corchetes [/td].

Si queremos crear una fila y cuatro columnas deberíamos escribir esto:
[table] [tr]  [td]Celda 1[/td]  [td]Celda 2[/td] [td]Celda 2[/td]  [/tr] [/table]

Y tendríamos esto:

Celda 1Celda 2Celda 2

Ahora la duda es la siguiente ¿dónde escribimos?

Vamos a verlo de una forma sencilla:

Queremos crear una tabla de dos filas y tres columnas por lo que necesitamos tener esto:
[table]
  [tr]  esto nos marca el comienzo de la primera línea
    [td] primera celda de 1ª línea [/td]
    [td] segunda celda de 1ª línea [/td]
    [td] tercera celda de 1ª línea [/td]
  [/tr] con este código cerramos la primera línea
  [tr] aquí abrimos la segunda línea
    [td] primera celda de la 2ª línea[/td]
    [td] segunda celda de 2ª línea [/td]
    [td] tercera celda de 2ª línea [/td]
  [/tr] con este código cerramos la segunda línea
[/table]

El resultado es este:
primera celda de 1ª líneasegunda celda de 1ª líneatercera celda de 1ª línea
primera celda de la 2ª líneasegunda celda de 2ª líneatercera celda de 2ª línea


Ahora me puedes decir no me he enterado de nada y sigo sin saber cómo crear una tabla... Pues también tiene solución:

Pincha en este enlace, eliges las filas y columnas que quieres, rellenas los campos como si fuera un documento y después copias el código que te crea abajo y lo pegas en el post en el que quieras insertar la tabla. Así de fácil :woohoo:


¿CÓMO RESALTAR EL TÍTULO DE LA TABLA?



Si queremos que la primera fila sea un título y quede resaltado en negrita tendríamos que cambiar los códigos [td] por [th] como vemos a continuación:
[table] 
[tr]    [th]Título columa 1[/th]    [th]Título columa 2[/th]   [th]Título columa 3[/th]  [/tr]
[tr]    [td]Celda 1A[/td]    [td]Celda 2A[/td]   [td]Celda 3A[/td] [/tr] 
[tr]    [td]Celda 1B[/td]    [td]Celda 2B[/td]  [td]Celda 3B[/td] [/tr]
[/table]

Y nos quedaría algo así
Título columa 1Título columa 2Título columa 3
Celda 1ACelda 2ACelda 3A
Celda 1BCelda 2BCelda 3B
Ticking away the moments that make up a dull day
El tema ha sido cerrado.
Moderadores: Itungi, huesoycarne, joss, magutierrez, Bayssman, alarvi36, crack, Lacertido, David Rascon
Gracias a Foro Kunena