Tutorial como postear en bb code.. - arreglado -

NOTA: En los Ejemplos Dados A Continuacion lo que este entre corchetes ( [ ] ) veras que tiene un asterizco (*), es importante que cuando postees algo no utilizes dicho asterizco ya que aqui lo pongo como modo de ejemplo. Todos los tag o bien lo que este entre corchetes ( [ ] ) SIEMPRE va sin asterizco (*).


Bienvenidos, aquí encontraras un pequeño manual para simplificarte tu participación en foros y blogs, agendalo para futuras referencias.

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], mas abajo en esta pagina web veras ejemplos concretos del uso de etiquetas bbcode.

Etiquetas bbcode para modificar la apariencia del texto, como ejemplo usaremos la frase “Aprendiendo a usar el bbcode.” para que veas mejor el efecto producido.


[b*]Aprendiendo a usar el bbcode.[/b*] se veria asi: Aprendiendo a usar el bbcode.

[u*]Aprendiendo a usar el bbcode.[/u] se veria asi: Aprendiendo a usar el bbcode.

[i*]Aprendiendo a usar el bbcode.[/i] se veria asi: Aprendiendo a usar el bbcode.

Además de la forma es posible cambiar el color del texto de la siguiente manera:

[*color=black]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.

[*color=brown]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.

[*color=maroon]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.

[*color=red]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.

[*color=orange]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.

[*color=yellow]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.

[*color=olive]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.

[*color=lime]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.

[*color=green]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.

[*color=teal]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.

[*color=aqua]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.

[*color=blue]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.

[*color=navy]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.

[*color=purple]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.

[*color=fuchsia]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.

[*color=gray]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.

[*color=silver]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.

[*color=white]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.

[*color=coral]Aprendiendo a usar el bbcode.[*/color] se veria asi: Aprendiendo a usar el bbcode.


Y como comentaba al principio es posible combinar varias etiquetas, algunos ejemplos:



[*i][*color=orange]Aprendiendo a usar el bbcode.[*/color][*/i] se veria asi: Aprendiendo a usar el bbcode.

[*color=red]Aprendiendo a usar el [*b]bbcode[*/b].[*/color] se veria asi: Aprendiendo a usar el bbcode.


También con el bbcode tienes la opción de cambiar la fuente del texto de la siguiente manera:

[*font=Arial]Aprendiendo a usar el bbcode.[*/font] se veria asi: Aprendiendo a usar el bbcode.

[*font=Arial Narrow]Aprendiendo a usar el bbcode.[*/font] se veria Aprendiendo a usar el bbcode.


[*font=Century]Aprendiendo a usar el bbcode.[*/font] se veria asi: Aprendiendo a usar el bbcode.


[*font=Comic Sans MS]Aprendiendo a usar el bbcode.[*/font] se veria asi: Aprendiendo a usar el bbcode.


[*font=Courier New]Aprendiendo a usar el bbcode.[*/font] se veria asi: Aprendiendo a usar el bbcode.


[*font=Fixed Sys]Aprendiendo a usar el bbcode.[*/font] se veria asi: Aprendiendo a usar el bbcode.


[*font=Georgia]Aprendiendo a usar el bbcode.[*/font] se veria asi: Aprendiendo a usar el bbcode.


[*font=Lucida Sans]Aprendiendo a usar el bbcode.[*/font] se veria asi: Aprendiendo a usar el bbcode.


[*font=Monotype Corsiva]Aprendiendo a usar el bbcode.[*/font] se veria asi: Aprendiendo a usar el bbcode.


[*font=Times New Roman]Aprendiendo a usar el bbcode.[*/font] se veria asi: Aprendiendo a usar el bbcode.


[*font=Trebuchet MS]Aprendiendo a usar el bbcode.[*/font] se veria asi: Aprendiendo a usar el bbcode.


[*font=Verdana]Aprendiendo a usar el bbcode.[*/font] se veria asi: Aprendiendo a usar el bbcode.


Realmente hay muchísimas fuentes de letra y podrías usar cualquiera de ellas, pero ten en cuenta que si la persona que esta 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 habrías 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: [font=“Nombre de la fuente”] a veces esto es necesario cuando el nombre de la fuente contiene algún espacio.


Tambien 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: Descripción de la web


[*url]Ruta_de_la_web[*/url] se veria asi: Ruta_de_la_web


Un ejemplo usando esta web y nuestra frase de siempre seria:
[*url=http://www.taringa.net]Aprendiendo a usar el bbcode.[*/url] se veria asi:


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]

quedaria asi:




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

[*quote="Txema"]Aprendiendo a usar el bbcode.[*/quote]

quedaria asi:

Cita ("Txema":

Aprendiendo a usar el bbcode.

Si no se quiere citar a nadie en particular, se puede usar el marcador quote sin especificar ningún nombre, de esta manera:
[*quote]Aprendiendo a usar el bbcode.[*/quote]

quedaria asi:

Cita:

Aprendiendo a usar el bbcode.

Y por ultimo, para citar código fuente hay que usar la siguiente etiqueta:
[*code]Hay que poner aquí el código.[*/code]

quedaria asi:

Hay que poner aquí el código.

Espero que esto te haya resultado útil, y RECUERDAque los asteriscos (*) que estan entre los corchetes ([ ])
no van, yo los puse como para que vieras como trabaja el bbcode.

FUENTE