Partida Rol por web

Seguro que alguno utiliza aun el BB code y sino muchos de los comandos creo que son aplicables al ck, pero lo investigare 

El lenguaje BBCode presenta elementos que pueden ser agrupados en cinco grandes categorías:

• Modificadores de la apariencia del texto
• Presentación de imágenes
• Hipervínculos
• Estructuras ordenadas
• Bloques de texto de utilidad especial

Modificadores de la apariencia del texto

Los siguientes marcadores sencillos pueden ser utilizados para modificar la apariencia del texto, la mayoría de estos marcadores proviene del HTML y su uso está ampliamente distribuido en diferentes versiones de BBCode:

Presentación de imágenes

Para mostrar una imagen BBCode dispone del marcador img. El formato general de este elemento es:

 

Hipervínculos

Como lenguaje derivado del HTML, uno de los elementos más poderosos con los que cuenta BBCode es el hipervínculo, en general representado por la etiqueta URL. Existen dos maneras directas de crear hipervínculos de texto en BBCode utilizando la etiqueta URL:

Estructuras ordenadas

BBCode cuenta con dos tipos principales de estructuras ordenadas, las listas y las tablas. Estas últimas no son universalmente aceptadas y sólo algunos sistemas de foros permiten trabajar con ellas. A su vez existen dos tipos de listas, las listas simples y las listas ordenadas. Todas las estructuras ordenadas en BBCode son esencialmente similares a sus pares de HTML.

Listas simples o desordenadas

Una lista desordenada muestra a cada ítem en forma secuencial, uno detrás de otro indentando cada comienzo de ítem con un carácter bala. Para crear una lista desordenada se utilizan las etiquetas 

 y se define cada ítem de la lista con la etiqueta especial 

​.

Por ejemplo el siguiente código

[+list]

• Primer ítem

   

   

• Segundo ítem

   

   

• Tercer ítem

   

   

  [/*list]

   

  Generaría el siguiente resultado:

   

   

  Listas ordenadas

  El segundo tipo de lista, la lista ordenada, brinda la posibilidad de decidir que se va a mostrar como indicador de orden antes de cada ítem.

  Para crear una lista ordenada se puede utilizar por ejemplo 

   

   para crear una lista numerada, o alternativamente se puede utilizar por ejemplo 

   

   para crear una lista alfabética. Adicionalmente se puede comenzar la lista ordenada por cualquier otro número o letra. Como con las listas desordenadas, los ítems se especifican utilizando 

  • Primer ítem
  • Segundo ítem
  • Tercer ítem

​

•  

  Por ejemplo el código

  [*list=1]Ir a la tienda

• Comprar una nueva PC

• Insultar a la PC cuando se cuelgue

​[/*list]

Generaría el siguiente resultado:

• 1. Ir a la tienda
• 2. Comprar una nueva PC
• 3. Insultar a la PC cuando se cuelgue

• O si se utilizara una lista alfabética:

  [*list=a]

   

• Ir a la tienda
• Comprar una nueva PC
• Insultar a la PC cuando se cuelgue

   

  [/*list]

   

  Generaría el siguiente resultado:

   

   

  Tablas

  La gestión de tablas en BBCode es muy similar a aquellas de HTML, y se hace por medio del elemento [*table] [/table] el cual cuenta además con las etiquetas [*tr] [/tr] que sirven para delimitar cada línea, y las etiquetas [*td][/td] con las que se delimita cada celda. Un ejemplo de código de una tabla de tres líneas y cuatro columnas sería:

  [*table border="1"]

  [tr] [td]Celda 1.1[/td] [td]Celda 1.2[/td] [td]Celda 1.3[/td] [td]Celda 1.4[/td] [/tr]

  [tr] [td]Celda 2.1[/td] [td]Celda 2.2[/td] [td]Celda 2.3[/td] [td]Celda 2.4[/td] [/tr]

  [tr] [td]Celda 3.1[/td] [td]Celda 3.2[/td] [td]Celda 3.3[/td] [td]Celda 3.4[/td] [/tr]

  [/table]

  El atributo border=" " sirve para indicar el ancho en píxeles de los bordes de la tabla; si se iguala a 0 los bordes no se muestran. Por lo general la etiqueta también admite los atributos width=" %" para indicar el ancho en porcentaje que debe ocupar la tabla, y align=" " donde se indica la alineación de la tabla como bloque, no del contenido de las celdas, eso debe hacerse dentro de cada etiqueta [tr], si se desea alinear el contenido de una línea, o dentro de cada etiqueta [td] si se desea alinear cada celda en particular.

  El anterior código entregaría un resultado como el que sigue:

   

  Celda 1.1	Celda 1.2	Celda 1.3	Celda 1.4
  Celda 2.1	Celda 2.2	Celda 2.3	Celda 2.4
  Celda 3.1	Celda 3.2	Celda 3.3	Celda 3.4

  Y al modificar la primera línea por:

  [*table border="1" align="center" width="90%"]

  Se obtiene:

   

  Celda 1.1	Celda 1.2	Celda 1.3	Celda 1.4
  Celda 2.1	Celda 2.2	Celda 2.3	Celda 2.4
  Celda 3.1	Celda 3.2	Celda 3.3	Celda 3.4

  • a. Ir a la tienda
  • b. Comprar una nueva PC
  • c. Insultar a la PC cuando se cuelgue

Bloques de texto de utilidad especial

BBCodes permite el manejo de bloques de texto con características especiales utilizados en general para diferentes tipos de citas o referencias. En concreto la mayoría de los foros permite el uso de tres bloques de texto de utilidad especial. Las citas, las referencias a código fuente, y los spoilers.

Citas

Los bloques de citas se utilizan para transcribir los dichos de otras personas, referenciando de manera adecuada quién fue el autor de tales dichos. El marcador utilizado es 

Cita:

.

Ejemplo de código:

[*quote="James"]Éste es el texto que quiero citar.[/*quote]

Mostraría algo similar a esto:

Por otra parte si no se quiere citar a nadie en particular, se puede utilizar el marcador quote sin especificar ningún nombre:

[*quote]Éste es el texto que quiero citar.[/*quote]

Códigos fuente

Cuando es necesario citar código fuente de algún lenguaje de programación o de marcado, es una buena costumbre el utilizar el marcador code. El marcador code cumple una doble función, por una parte lo que queda contenido dentro de las etiquetas [*code] [/*code] no es interpretado por el programa del foro, lo que evita que se puedan producir accidentes en la presentación de formato al hacer uso de expresiones o palabras reservadas, y por otro lado hace mas legible el código fuente en si, ya que se utiliza un tipo especial de letra monospace en la que todos los caracteres, incluyendo el espacio, tienen el mismo ancho y en la que existe la misma separación entre todos los caracteres. Como consecuencia el código fuente permanece horizontal y verticalmente ordenado en diferentes líneas.

Ejemplo de código:

[*code]

int main()

{

• printf("hola");

}

[/*code]

Se vería así

int main()
{
    printf("hola");
}

Spoilers

El elemento 

Spoiler (marca el texto para leerlo):

 se utiliza para ocultar contenido sensible que puede molestar a otros usuarios, dejando a cada quién la opción de revisar este contenido o no. Otro uso frecuente es para reducir el tamaño vertical de un post, para que no resulte demasiado cansado recorrer todo el tablero.

El contenido de un spoiler puede mostrarse pinchando sobre un botón usualmente titulado "spoiler", "mostrar" o "desplegar".

Por ejemplo el siguiente código:

Mostraría un resultado similar a este:

Mientras que el siguiente código:

Mostraría un resultado similar a este: