BBCode proveniente del inglés Bulletin Board Code es un pequeño lenguaje usado en los foros para cambiar y editar la forma en que un mensaje (post) es mostrado. BBCode es una colección de marcadores de formato que se usan para cambiar la apariencia del texto en un foro. BBCode está basado en el mismo principio que HTML, y es muy similar a éste.

Contenido 1 Historia 2 Uso del BBCode 2.1 Modificar apariencia del texto 2.2 Imágenes 2.3 Enlaces 2.4 Citar texto 2.5 Citar código fuente 2.6 Usos más complejos 2.6.1 Ejemplos 3 Enlaces externos

Historia

Dicho lenguaje de maquetación de textos e imágenes mediante etiquetas fue creado por PhpBB para sus propios foros y finalmente se ha difundido en la gran mayoría de los foros web.

Uso del BBCode

Modificar apariencia del texto

Los siguientes marcadores cambian la apariencia del texto:

• [b]Negrita[/b]

• [u]Subrayado[/u]

• [i]Cursiva[/i]

• [color=#FF0000]Rojo[/color]

• [color=blue]Azul[/color]

Una pequeña lista de colores disponibles:

• Negro = [color=black][/color]
• Marrón = [color=brown][/color]
• Granate = [color=maroon][/color]
• Rojo = [color=red][/color]
• Naranja = [color=orange][/color]
• Amarillo = [color=yellow][/color]
• Oliva = [color=olive][/color]
• Verde claro = [color=lime][/color]
• Verde oscuro = [color=green][/color]
• ¿Verde azulado? = [color=teal][/color]
• Azul claro = [color=aqua][/color]
• Azul marino = [color=blue][/color]
• Azul oscuro = [color=navy][/color]
• Morado = [color=purple][/color]
• Rosa = [color=fuchsia][/color]
• Gris oscuro = [color=gray][/color]
• Gris claro = [color=silver][/color]
• Blanco = [color=white][/color]
• Coral = [color=coral][/color]
• Sistema hexadecimal: [color=#007700][/color]

Este último puede utilizarse también para generar textos con colores, el único requisito es saber cómo generarlos, aunque hay utilidades que se encargan de esto, por ejemplo, la extensión ColorZilla para el navegador Mozilla Firefox. Ciertos programas de foros admiten el uso de la acotación de 3 bytes (DEF, siendo D el valor del color rojo, E el del color verde y F el del color azul) a costa de poseer menos matices de colores. Sin embargo, generalmente se utiliza el valor de 6 bytes (ABCDEF, donde AB representa el valor perteneciente al color rojo, CD al color verde y EF al color azul) ya que se obtiene una mayor cantidad de colores.

También con el BBCODE tienes la opción de cambiar la fuente del texto:

[font=Arial][/font]

Una pequeña lista de fuentes disponibles (sustituid Arial por cualquiera de las que aparecen en esta lista):

• Arial
• Arial Narrow
• Century
• Comic Sans MS
• Courier New
• Fixed Sys
• Georgia
• Lucida Sans
• Monotype Corsiva
• Times New Roman
• Trebuchet MS
• Verdana

Imágenes

Si se quiere mostrar una imagen, se puede usar el marcador img.

[img]Ruta_de_la_imagen[/img]

Enlaces

[url]ruta_del_enlace[/url]

Este marcador, se puede usar de otra manera para mostrar un enlace sin que se vea la dirección completa.

[url=ruta_del_enlace]Nombre Visible[/url]

Citar texto

Si se quiere citar el escrito de alguien, se puede usar el marcador quote.

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

Si no se quiere citar a nadie en particular, se puede usar el marcador quote sin especificar ningún nombre.

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

Cuando aparece el código fuente, se debe asegurar de usar el marcador code. El texto escrito con este marcador utiliza un tipo de espaciado de letra y no queda afectado por otros marcadores.

Citar código fuente

[code]Esto es un trozo de código.[/code]

El código BBCode puede utilizarse recursivamente para conseguir efectos avanzados.

Usos más complejos

• [b]negrita[/b]
• [i]cursiva[/i]
• [u]subrayado[/u]
• [s]tachado[/s]
• [table][tr][td]Celda[/td][td]Celda[/td][/tr][/table]

Este último tag es exclusivo de los foros basados en Simple Machines Forum. (SMF)

Ejemplos

    * Wikipedia
    * [b]Wikipedia[/b]
    * [i]Wikipedia[/i]
    * [b][i]Wikipedia[/i][/b]
    * [url]http://www.Wikipedia.com[/url]

Quedarían de esta forma:

   * Wikipedia
   * Wikipedia
   * Wikipedia
   * Wikipedia
   * http://www.Wikipedia.com

Enlaces externos

• Explicación del BBCode (desde phpBB-Es.COM)
• Explicación en inglés (Web de phpBB, creadora del lenguaje)