Post by Ing.LuisJavi on Mar 4, 2013 19:43:07 GMT -5
Bienvenidos a este tutorial facil de parte de Foro GamersUnityCommunity, aquí encontraras un pequeño manual para simplificarte tu participación en foros y blogs, te recomiendo que pongas este sitio web en tus favoritos para futuras referencias, puedes hacerlo manualmente o pulsando sobre el siguiente enlace: añadir Tutorial BBCode GUC a tus favoritos.
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.
Además de la forma es posible cambiar el color del texto de la siguiente manera:
Y como comentaba al principio es posible combinar varias etiquetas, algunos ejemplos:
También con el bbcode tienes la opción de cambiar la fuente del texto de la siguiente manera:
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: 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:
Descripción de la web
Ruta_de_la_web
Dirección_de_correo_electrónico
Descripción_del_correo
Un ejemplo usando esta web y nuestra frase de siempre seria:
Para mostrar una imagen puedes usar la siguiente etiqueta bbcode:
Si se quiere citar el escrito de alguien, se puede usar el marcador quote.
Y por ultimo, para citar código fuente hay que usar la siguiente etiqueta:
Espero que este tema te haya resultado útil.
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:
[font color="black"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="brown"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="maroon"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="red"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="orange"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="yellow"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="olive"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="lime"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="green"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="teal"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="aqua"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="blue"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="navy"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="purple"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="fuchsia"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="gray"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="silver"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="white"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="coral"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.Y como comentaba al principio es posible combinar varias etiquetas, algunos ejemplos:
[i][font color="orange"]Aprendiendo a usar el bbcode.[/font][/i] se veria asi: Aprendiendo a usar el bbcode.[font color="red"]Aprendiendo a usar el [b]bbcode[/b].[/font] se veria asi: Aprendiendo a usar el bbcode.[font color="black"]Aprendiendo[/font] [font color="green"]a usar[/font] el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[/font]También con el bbcode tienes la opción de cambiar la fuente del texto de la siguiente manera:
[font face="Arial"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font face="Arial"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font face="Century"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font face="Comic"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font face="Courier"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font face="Fixed"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font face="Georgia"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font face="Lucida"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font face="Monotype"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font face="Times"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font face="Trebuchet"]Aprendiendo a usar el bbcode.[/font] se veria asi: Aprendiendo a usar el bbcode.[font face="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: 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:
Descripción de la web
Ruta_de_la_web
Dirección_de_correo_electrónico
Descripción_del_correo
Un ejemplo usando esta web y nuestra frase de siempre seria:
[a href="http://gamersunitycommunity.proboards.com/thread/73/tutorial-codigo-bbcode?scrollTo=139&page=1"]Aprendiendo a usar el bbcode.[/a] se veria asi: Aprendiendo a usar el bbcode.Para mostrar una imagen puedes usar la siguiente etiqueta bbcode:
[img src="http://Ruta_de_la_imagen"]Si se quiere citar el escrito de alguien, se puede usar el marcador quote.
[quote]Aprendiendo a usar el bbcode.[/quote]Y por ultimo, para citar código fuente hay que usar la siguiente etiqueta:
Hay que poner aquí el código.Espero que este tema te haya resultado útil.
