Tutorial Sencillo de BBCODE

por **YoshiGM** 1/9/2017, 8:40 pm

Bienvenidos al tutorial: "1, 2, 3, 4 a BBcode"
Aquí podrán encontrar cómo darle formateo propiamente al texto, además de lo básico y hasta lo avanzado en el uso de BBcode para lograr este propósito.

Este tutorial o guía está planeada para enseñar el correcto formateo de texto en el foro el cual sólo es posible mediante el correcto uso de BBcode; este tutorial explicará lo básico y lo avanzado del uso de BBcode para tener la posibilidad de dar el formateo deseado al texto. Desde cambiarle el color, hasta hacerlo animado se explicará en esta guía o tutorial. BBcode no sólo funciona para este foro, sino para muchísimos más, ¡así que no será para nada tiempo perdido aprender a usarlo!

Partiré en secciones esta guía para facilitar su uso y lectura tanto para avanzados como para principiantes en el tema, estas secciones están ubicadas en spoilers con su respectivo título el cual explica de qué se trata la sección. Este tutorial se centra en ser específico en el tema sin ser tan largo al dar más información de la necesaria, pero tampoco en ser tan corto omitiendo información que quizá pueda ser útil. Sin más que decir aquí está el tutorial definitivo de BBcode:

Introducción corta a BBcode (Puede omitirse):

Lógica Básica De BBcode:

Etiquetas universales de BBcode:

La siguiente lista contiene una lista de etiquetas que funcionarán en cualquier foro PhpBB o con BBcode sin necesidad de complementos. Lleva la sintaxis con un ejemplo de ésta.

Negrita:

Hace la letra Negrita, es simple de usar.

Código:: [b]Negrita[/b]

Subrayado:

Hace la letra Subrayada, es simple de usar.

Código:: [u]Subrayada[/u]

Cursiva:

Hace la letra Cursiva, es simple de usar.

Código:: [i]Cursiva[/i]

Citar:

MineYoshi escribió:Esta etiqueta funciona para citar el texto de alguien. Puede definirse la persona a la que se atribuye el texto sencillamente. Mira el ejemplo:

Código:: [quote="Persona a la que se atribuye el texto"]Texto atribuido[/quote]

Código:

Esta etiqueta sirve para publicar código sin que éste pierda la estructura (espacios por ejemplo) y sin que se confunda con etiquetas de BBcode.

Código:: [code]Para mostrarles los ejemplos he usado esta etiqueta variadas veces, para que el foro muestre los ejemplos en texto plano sin aplicar formateo[/code]

Lista:

Esta etiqueta sirve para mostrar una lista detallada con las siguientes opciones:

Organizar en letras
Organizar en letras organizadas alfabeticamente

Organizar en orden númerico.
Con números claramente

El ejemplo anterior sin formato es el siguiente. Un "
[*]" equivale a una letra, número o punto más en la lista.

Código:: [list=valor][*]Si "valor" es igual a "a" sin comillas, la lista será organizada mediante letras [*]Si "valor" es igual a "1" sin comillas, la lista será organizada mediante números [*]Si "valor" es igual a un espacio en blanco, la lista será organizada mediante puntos[/list]

Imágen:

Esta etiqueta sirve para insertar una imágen en el foro, es muy fácil.

Código:: [img]sitioweb.com/linkdirectoatuimágen.png[/img]

Link:

Esta etiqueta sirve para insertar un link hacia un sitio web.

Código:: [url=sitio.web]Texto que al cliquear redirige a sitio.web[/url]

Tamaño del texto:

Esta etiqueta sirve para cambiar el tamaño del texto. Para hacerlo más grande o más pequeño.

Código:: [size=25]El número después de "size=" determina cuán grande será el texto.[/size]

Color del texto:

Esta etiqueta sirve para dar color al texto.

Código:: [color=#0000FF]El "#0000FF" es un color en hex. En este sitio pueden fácilmente sacar el hex de un color que seleccionen de una imágen.[/color]

Tutorial creado y aportado por @MineYoshi ~ 01/09/2017

por Emanuel.yosho 18/11/2018, 5:04 pm

@YoshiGM Hola amigo =3 Me gustaría poner los códios de los colores, es decir [col0r=#NÚMEROS]TEXTO[/col0r] pero no se si tenga permiso para compartir la guía. Aparte de que considero inecesario ya que se pueden acceder a estos por el menú, también me gustaría compartir un tutorial sobre los smileys del foro :YOSHISMILEY:, al ser miembro activo sabre los cambios de estos y modificaré la guía cuando sea necesario :3 aparte podría explicar el buen uso de estos (colores y smileys), sería cuestión de que aceptes mi idea nwn

por **YoshiGM** 18/11/2018, 7:41 pm

¡Hola! Si lo deseas, puedes aportar guías para el foro siguiendo las indicaciones:

https://www.yoshifansclub.net/t24256-como-proponer-guias-para-yfc

Saludos!

por Emanuel.yosho 18/11/2018, 7:45 pm

Oki gracias :D

Tutorial Sencillo de BBCODE

Tutorial Sencillo de BBCODE

Re: Tutorial Sencillo de BBCODE

Re: Tutorial Sencillo de BBCODE

Re: Tutorial Sencillo de BBCODE