Aprende a poner el foro bonito!

Buenas,

Hoy voy a abrir un hilo con unos cuantos truquitos que podéis usar en el foro y que pueden ayudaros a hacer publicaciones más chulas de ver.

Lo primero que tenéis que saber es que el foro funciona con un lenguaje de marcas llamado BBCODE que utiliza unas etiquetas caracterizadas porque van entre corchetes "[]". Así que abro el hilo para enseñaros algunas cosas que podéis hacer con ellas. 

Las etiquetas siempre constan de una de apertura y una de cierre (que lleva delante el simbolo "/") y entre ellas un texto sobre el que se aplica lo que haga la etiqueta. Para que veáis el ejemplo, yo voy a escapar las etiquetas para que podáis leer el texto tal y como se escribiría. Justo debajo pongo el mismo texto sin escapar las etiquetas para que veáis el resultado.

IMÁGENES

Esta es sin duda la etiqueta que más se usa en el foro y la que más problemas os da a muchos de vosotros. La mayor dificultad aquí es entender cómo sacar la url de una imagen. Para ello, podéis ir a cualquier imagen que esté subida en internet y dar click derecho con el ratón y clickar sobre la opción "copiar dirección de imagen"

Si la imagen está en vuestro PC, primero la tendréis que subir a una página web de alojamiento de imágenes. Hay muchos servicios gratuitos para subir imágenes, pero la podéis subir al mismo foro pinchando en el clip. Un truco que hago yo es irme a un hilo random y escribir en la respuesta algo de texto random también y adjuntar la imagen que quiero subir. Después le doy a "Vista previa" (sin enviar) y ya en dicha vista previa tengo un link a la imagen que se ha subido. La abro, copio el link y es el que uso en el hilo que de verdad esté escribiendo. El otro por supuesto lo cierro sin publicar nada.

Los links de imágenes siempre acaban con una extensión de imagen tipo .jpg o .png. Si acaba en cosas como .html no habéis copiado bien el link de la imagen.

Tienen esta pinta: https://pbs.twimg.com/media/DrfSaVLXgAAJv0r.jpg

Una vez que tengáis la ruta de la imagen sólo tendréis que ponerla entre las etiquetas "img" de esta forma:

[img]https://pbs.twimg.com/media/DrfSaVLXgAAJv0r.jpg[/img] 

Para las imagenes en concreto también podéis usar la herramienta "Imagen" de la barra superior del cuadro de respuesta, donde tendréis que pegar la url de la imagen y dar a aceptar (no os preocupéis si se ve muy grande, al publicar la entrada se ajusta sola):

SÍMBOLOS DE LAS CARTAS

Esto ya no es bbcode como tal, pero podéis poner en cualquier publicación símbolos que representen a las cartas de forma muy visual. Para ello tenéis que poner entre ":" el número y el letra del palo (s picas, h corazones, c tréboles y d diamantes) de la carta que queréis representar.

:Ah::Kh: --> AhKh

:2c::Td: --> 2cTd

En caso de querer poner cartas genéricas, se puede hacer poniendo la carta que queramos entre llaves {} Ejemplo: Quiero hablar de los Ax. Puedo hacerlo:  A X

VÍDEOS

Aquí ya empezamos a ver cosas que se usan menos. Para publicar vídeos de youtube en el foro tenéis la etiqueta "youtube". Entre las etiquetas tenéis que poner el texto que hay detrás del = en la url del video:

Por lo que os quedaría algo así:

[youtube]bT3EqxS3XaE[/youtube]

COLOR DEL TEXTO

Para modificar el color al texto, tenéis la etiqueta "color" que se usa un poco diferente a las anteriores porque hay que añadir a la etiqueta el color que quieres. Por ejemplo:

[color=Orangered]Esto se ve naranja[/color] ---> Esto se ve naranja

[color=Seagreen]Esto se ve verde[/color] ---> Esto se ve verde

Os dejo una lista con varios colores:

TAMAÑO DEL TEXTO

De forma similar al color se puede cambiar el tamaño del texto con la etiqueta size:

[size=20]Tamaño de 20[/size] ---> Tamaño de 20

[size=30]Tamaño de 30[/size] ---> Tamaño de 30

[size=9]Tamaño de 9[/size] ---> Tamaño de 9

ALINEACIÓN DE TEXTO y otros

Podéis alinear el texto con las etiquetas "left", "center" y "right"

[left]Esto es un texto alineado a la izquierda[/left]

[center] Esto es un texto alineado al centro[/center]

[right]Esto es un texto alineado a la derecha[/right]

Resultado:

Del mismo modo, podéis usar:

[u]Subrayar[/u] ---> Subrayar

[i]Itálica[/i] ---> Itálica

[s]Tachado[/s] ---> Tachado

TABLAS

Estas son más jodidillas pero pueden ser prácticas. Tenéis que usar la etiqueta "table" para definir que es una tabla, "tr" para indicar una nueva fila y "td" para indicar una nueva celda. Os pongo un ejemplo:

[table]

   [tr]

      [td]Fila 1 celda 1[/td]

      [td]Fila 1 celda 2[/td]

   [/tr]

   [tr]

      [td]Fila 2 celda 1[/td]

      [td]Fila 2 celda 2[/td]

   [/tr]

[/table]

ENCADENAR ETIQUETAS

En cualquier momento podéis encadenar etiquetas para aplicar varias a la vez:

[size=25][color=Mediumvioletred]Texto grande y de color [s]verde[/s] violeta[/color][/size]

Texto grande y de color verde violeta

Esto son sólo algunos ejemplos, hay algunas etiquetas más que podéis investigar si queréis. Espero que os sean útiles y pongáis el foro muy bonito con vuestras publicaciones.

Un saludo ;)