Bbcodes
| ||||||||||||||||
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.
Sumario
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.
BBCode se creó para proveer de una forma mas segura, sencilla y mas limitada para permitir a los usuarios formatear sus mensajes. Previamente muchos foros permitían el uso de HTML, con el efecto colateral de que si había HTML mal formado se trastornaba toda la distribución de la página, o el HTML podía ser usado para incluir JavaScript con problemas de ataques XSS. Algunas implementaciones de BBCode han sufrido problemas relacionados con el modo en que traducen el BBCode a HTML, lo que puede negar la seguridad que se intentaba dar con BBCode. Una alternativa es un filtro HTML correctamente escrito (muchos de los cuales están libremente disponibles).
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]
- [size=24]Amplía el tamaño de letra hasta 24[/size]
El "size" se puede usar hasta el tamaño 30. También hay foros que tienen un tamaño por defecto asignado y unos límites. Esos casos se usa otro tipo de código. Ejemplo: [size=+3]Tamaño por defecto 19, tamaño mostrado 20[/size]
Colores
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 clarísimo = [color=limegreen][/color]
- Verde claro = [color=lime][/color]
- Verde oscuro = [color=green][/color]
- Cian = [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 dígitos hexadecimales(RGB, siendo R el valor del color rojo, G el del color verde y B el del color azul) a costa de poseer menos matices de colores. Sin embargo, generalmente se utiliza el valor de 6 dígitos hexadecimales(RRGGBB, donde RR representa el valor perteneciente al color rojo, GG al color verde y BB al color azul) ya que se obtiene una mayor cantidad de colores.
Fuentes
También con el BBCODE tienes la opción de cambiar la fuente del texto:
[font=Arial]Schmalbach[/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
- Fixedsys
- Georgia
- Lucida Sans
- Monotype Corsiva
- Times New Roman
- Trebuchet MS
- Verdana
Aunque actualmente se pueden usar todo tipo de fuentes de letra.
Imágenes
Si se quiere mostrar una imagen, se puede usar el marcador img. Este Bbcode permite a los usuarios colocar imagenes en sus firmas y en los mensajes privados sin necesidad de adjuntarlas.
*[img]Ruta de la imagen[/img]
Enlaces
Este marcador, se puede usar de otra manera para mostrar un enlace sin que se vea la dirección completa.
*[url]ruta_del_enlace[/url] o [url=ruta_del_enlace]Nombre Visible[/url]
Spoiler
Éste marcador se usa para tapar contenido que, debido las causas que sean, debe permanecer oculto. El contenido del spoiler puede mostrarse pinchando sobre el botón correspondiente al spoiler.
*[spoiler]Frase spoiler[/spoiler] *[spoiler=Texto Que se quiere mostrar]Frase Spoiler[/spoiler]
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.
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
* Ecured * [b]Ecured[/b] * [i]Ecured[/i] * [b][i]Ecured[/i][/b] * [url]http://www.ecured.cu/[/url] * [url=http://www.ecured.cu/]Ecured[/url]
Quedarían de esta forma:
* Ecured * Ecured * Ecured * http://www.ecured.cu/ * Ecured
Fuentes
- Foro: Explicación del BBCode (desde phpBB-es.COM). Consultado: 11 de septiembre de 2012.
- Datos: Explicación en inglés (Web de phpBB, creadora del lenguaje). Consultado: 11 de septiembre de 2012.
- Datos: Editor multiplataforma off-line de BBCode. Consultado: 11 de septiembre de 2012.
