NOTA: En los ejemplos dados a continuación lo que esté entre corchetes ( [ ] ) veras que tiene un asterisco (*), es importante que cuando postees algo no utilizes dicho asterisco ya que aquí lo pongo como modo de ejemplo. Todos los tag o bien lo que esté entre corchetes ( [ ] ) SIEMPRE va sin asterisco (*). Lo primero una pequeña explicación y la historia del BBCode, proviene del inglés “Bulletin Board Code” y es un pequeño lenguaje usado en los foros y blogs para cambiar y editar la forma en que un mensaje es mostrado, BBCode es una colección de etiquetas que se usan para cambiar la apariencia del texto en un blog o en un foro de una manera muy similar al lenguaje de marcas html que es el que habitualmente te usa para crear paginas web, 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.
La forma de uso de estas etiquetas es siempre la misma, se empieza por una [etiqueta] que va entre corchetes y que abre el texto a modificar y se termina con otra idéntica a la primera pero con una barra inclinada a la derecha como esta: [*/etiqueta] para indicar el fin del texto a modificar, además es posible usar varias etiquetas al mismo tiempo, como por ejemplo: [*etiqueta_1][etiqueta_2] texto [*/etiqueta_2][*/etiqueta_1], más abajo veras ejemplos concretos del uso de etiquetas bbcode.
Etiquetas bbcode para modificar la apariencia del texto:
( como ejemplo usaremos la frase “Think Zith” para que veas mejor el efecto producido)
[b*] Think Zith [/b*] se veria asi: Think Zith
[u*] Think Zith[/u] se veria asi: Think Zith (subrayado)
[i*] Think Zith [/i] se veria asi: Think Zith
Además de la forma es posible cambiar el color del texto de la siguiente manera:
[*color=brown] Think Zith [*/color]
[*color=maroon] Think Zith [*/color]
[*color=red] Think Zith [*/color]
[*color=orange] Think Zith [*/color]
El nombre de los colores hay que ponerlo en inglés, eso sí.
Y como comentaba al principio es posible combinar varias etiquetas, algunos ejemplos:
[*i][*b] ] Think Zith [*/b][*/i] se veria asi: Think Zith
[*i] Think[*b] Zith [*/b][*/i ]se veria asi: Think Zith
También con el bbcode tienes la opción de cambiar la fuente del texto de la siguiente manera:
[*font=Courier] Think Zith [*/font] se veria asi: Think Zith
[*font=Verdana] Think Zith [*/font] se veria asi:
Think Zith [*font=Georgia] Think Zith [*/font] se veria asi: Think Zith
Realmente hay muchísimas fuentes de letra y podrías usar cualquiera de ellas, pero ten en cuenta que si la persona que está viendo el texto no tiene instalada en su computadora el tipo de fuente que has puesto en la etiqueta bbcode vera el texto como si no hubieras puesto ninguna etiqueta de tipo de fuente, además otro detalle, quizás en algunos blogs o foros necesites poner el nombre de la fuente entre comillas, de esta manera: a veces esto es necesario cuando el nombre de la fuente contiene algún espacio.
También 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] se veria asi: Think Zith
[*url]Ruta_de_la_web[*/url] se veria asi: http://thinkzith.blogspot.com
Para mostrar una imagen(ya sea jpg, gif, o bien avatares) puedes usar la siguiente etiqueta bbcode:
[*img]link imagen[*/img] Por ej:
[*img]http://wrestlinguniverse.htmlplanet.com/images/fivestar.gif[*/img]
quedaria asi:
Para postear una imagen, la cual te lleve directo al enlace puedes hacer esto:
[*url=link][*img]linkimagen[*/img][*/url] Por ej:
[*url=http://wrestlinguniverse.htmlplanet.com/photo.html][*img]http://wrestlinguniverse.htmlplanet.com/images/fivestar.gif[*/img][*/url]
Si se quiere citar el escrito de alguien, se puede usar el marcador quote:
[*quote="Zith"] Think Zith [*/quote]
Si no se quiere citar a nadie en particular, se puede usar el marcador quote sin especificar ningún nombre, de esta manera:
[*quote] Think Zith [*/quote]
Y por ultimo, para citar código fuente hay que usar la siguiente etiqueta:
[*code]Hay que poner aquí el código.[*/code]
Espero que esto te haya resultado útil, y RECUERDAque los asteriscos (*) que estan entre los corchetes ([ ]) no van, yo los puse para que vieras cómo trabaja el bbcode.
