Historia
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, y es muy similar a, HTML.
Este código 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]
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
Enlaces a documentos y direcciones de correo
Se pueden crear enlaces a otros documentos o direcciones de correo electrónico usando los siguientes marcadores:
[*url=Ruta_de_la_web]Descripción de la web[/url]
[*url]Ruta_de_la_web[/url]
[*email]Dirección_de_correo_electrónico[/email]
[*email=Dirección_de_correo_electrónico]Descripción_del_correo[/email]
Imágenes
Si se quiere mostrar una imagen, se puede usar el marcador img.
[*img]Ruta_de_la_imagen[/img]
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 (este no anda en T!)
[*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]
Grax! espero que les sirva para hacer mas lindos los posts. Obviamente no hace falta aclarar que para hacer que anden hay que sacar el asterisco de los codigos, lo puse para que se puedan leer.
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, y es muy similar a, HTML.
Este código 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]
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
Enlaces a documentos y direcciones de correo
Se pueden crear enlaces a otros documentos o direcciones de correo electrónico usando los siguientes marcadores:
[*url=Ruta_de_la_web]Descripción de la web[/url]
[*url]Ruta_de_la_web[/url]
[*email]Dirección_de_correo_electrónico[/email]
[*email=Dirección_de_correo_electrónico]Descripción_del_correo[/email]
Imágenes
Si se quiere mostrar una imagen, se puede usar el marcador img.
[*img]Ruta_de_la_imagen[/img]
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 (este no anda en T!)
[*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]
Grax! espero que les sirva para hacer mas lindos los posts. Obviamente no hace falta aclarar que para hacer que anden hay que sacar el asterisco de los codigos, lo puse para que se puedan leer.