Muchos dudas he escuchado acerca del codigo BBCode y su utilización para dar formato al texto que utilizamos en Foros y Algunos blogs. Mucha gente tiene dudas de como es que funciona así que decidí hacer un manual practico para los usuarios no acostumbrados con este formato. Espero que sea útil, en especial para Foros.

Bold (Negritas)

Descripción: Da formato de negritas al texto.

Ejemplo: [b]Esto es texto en Negritas[/b]

Resultado: Esta es texto en Negritas

Italic (Cursiva)

Descripción: Da formato de cursiva al texto.

Ejemplo: [i]Esto es texto en Cursiva[/i]

Resultado: Esto es texto en Cursiva

Underline (Subrayar)

Descripción: Subraya el texto

Ejemplo: [u]Esto es texto en Cursiva[/u]

Resultado: Esto es texto en Cursiva

Strikethrough (Tachado)

Descripción: Tacha el texto en medio de los Tags

Ejemplo: [s]Este es texto tachado[/s]

Resultado: Este es texto tachado

Align (Alinear)

Descripción: Alinea el texto entre tags. Puedes usar: [align=center], [align=left] y [align=right]

Ejemplo: [align=center]Este es texto alineado.[/align]

Resultado:

This is centered text.

Color (alt. 1)

Descripción: Cambia el color de texto

Ejemplo: [color=blue]Esto es texto en azul.[/color]

Resultado: Esto es texto en azul.

Importante: Los colores cambian entre navegadores. Los colores a usar son: red, green, blue, yellow, pink entre otros.

Color (alt. 2)

Descripción: Cambia color de texto en RGB

Ejemplo: [color=#0000ff]Esto es texto en azul[/color]

Resultado: Esto es texto en azul

Importante: Utiliza colores RGB con 6 dígitos en hexadecimal

Size (Tamaño)

Descripción: Cambia el tamaño de texto

Ejemplo: [size=4]Este es el tamaño 4[/size]

Resultado: Este es el tamaño 4

Importante: El tamaño va de 1 a 7 (siendo 7 el mas grande)

El tamaño por omisión es el 2

Hyperlink (alt. 1) (Link)

Descripción: Agrega un link a una url

Ejemplo: [url]http://www.google.com[/url]

Resultado: http://www.google.com

Importante: En algunos sitios los URL como estos son vinculados automáticamente.

Hyperlink (alt. 2) (Link)

Descripción: Agrega un link a Texto

Ejemplo: [url=http://www.google.com/]google[/url]

Resultado: google

Image (alt. 1) (Imagen)

Descripción: Agrega una Imagen

Ejemplo: [img=http://marusu.channelblue.net/images/whatdotcd-l.png]

Importante: La URL debe terminar en PNG, GIF, o JPG

Image (alt. 2) (Imagen)

Descripción: Agrega una Imagen

Ejemplo: [img]http://marusu.channelblue.net/images/whatdotcd-l.png[/img]

Importante: La URL debe terminar en PNG, GIF, o JPG

Quote (Cita)

Descripción: Agrega una Cita

Ejemplo: [quote]Esta es una cita[/quote]

Resultado:

Esta es una cita

List (Lista)

Descripción: Agrega un elemento a una lista

Ejemplo: [ * ] Elemento 1

[ * ] Elemento 2

Resultado:

• Elemento 1
• Elemento 2