BBCode: Qué es y cómo se usa

  • 2 Respuestas
  • 530 Vistas
*

Desconectado Biel Delgado

  • *****
  • 81
  • 4
  • aKa TheGunMAN
    • Ver Perfil
    • Motoremocion.com
BBCode: Qué es y cómo se usa
« en: 06 Abril, 2020, 10:19:10 pm »
Muy buenas,

Muchos no estáis familiarizados con el BBCode, así que abro este hilo con el fín de que entendáis qué es, cómo funciona y cómo aplicarlo en el foro.

DEFINICIÓN
El BBCode es el lenguaje utilizado para la funcionalidad del 99% de los foros de internet. Con él, podemos personalizar el texto de nuestros mensajes, incluyendo imágenes, textos en negrita, cursiva, centrado, añadir vínculos, etc...

Debido a que su uso es muy común, este ha sido diseñado para ser muy fácil de entender y de aplicar. Es como un lenguaje de programación muy simplificado para hacer las tareas más comunes de un editor de texto.

USO BÁSICO:
El BBCode básico tiene la siguiente estructura: un TAG de apertura y un TAG de cierre, por ejemplo:

Código: [Seleccionar]
[TAG] ESPACIO PARA EL TEXTO [/TAG]
Donde TAG será el código en sí, y entre ellos se pone el texto al que se le quiere aplicar la propiedad que el BBCode modifica. Aquí un ejemplo práctico:

Código: [Seleccionar]
El texto que quiero poner en negrita es el siguiente: [b]Yo estoy en negrita[/b] y a partir de aquí ya no.
El TAG [ B ] abre la propiedad de negrita, todo lo escrito por detrás de este TAG aparecerá con esta propiedad, y terminará cuando la cerremos con [ / B ]. En el ejemplo anterior, se vería de la siguiente manera:

Citar
El texto que quiero poner en negrita es el siguiente: Yo estoy en negrita y a partir de aquí ya no.

Bien, entendido el uso básico del BBCode, vamos con todos los tipos de BBCode que existen y su función.


TIPOS Y FUNCIONES DE LOS BBCODE:

Texto en negrita

Se aplica de la siguiente manera:
Código: [Seleccionar]
[b]Texto en negrita[/b]
Se muestra de la siguiente manera:
Citar
Texto en negrita

Texto en cursiva

Se aplica de la siguiente manera:
Código: [Seleccionar]
[i]Texto en cursiva[/i]
Se muestra de la siguiente manera:
Citar
Texto en cursiva

Texto subrayado

Se aplica de la siguiente manera:
Código: [Seleccionar]
[u]Texto subrayado[/u]
Se muestra de la siguiente manera:
Citar
Texto subrayado

Texto tachado

Se aplica de la siguiente manera:
Código: [Seleccionar]
[s]Texto tachado[/s]
Se muestra de la siguiente manera:
Citar
Texto tachado

Contenido alineado a la izquierda

Se aplica de la siguiente manera:
Código: [Seleccionar]
[left]Contenido alineado a la izquierda[/left]
Se muestra de la siguiente manera:
Citar
Contenido alineado a la izquierda

Contenido centrado

Se aplica de la siguiente manera:
Código: [Seleccionar]
[center]Contenido centrado[/center]
Se muestra de la siguiente manera:
Citar
Contenido centrado

Contenido alineado a la derecha

Se aplica de la siguiente manera:
Código: [Seleccionar]
[right]Contenido alineado a la derecha[/right]
Se muestra de la siguiente manera:
Citar
Contenido alineado a la derecha

Tipo de fuente

Se aplica de la siguiente manera:
Código: [Seleccionar]
[font=comic sans ms]Ahora estoy escrito con Comic Sans MS[/font]
Se muestra de la siguiente manera:
Citar
Ahora estoy escrito con Comic Sans MS

Tamaño de fuente

Se aplica de la siguiente manera:
Código: [Seleccionar]
[size=36pt]Ahora soy ENORME[/size]
Se muestra de la siguiente manera:
Citar
Ahora soy ENORME

Cambio de color

Se aplica de la siguiente manera:
Código: [Seleccionar]
[color=red]Texto de color rojo[/color]
Se muestra de la siguiente manera:
Citar
Texto de color rojo

Insertar imágenes

Se aplica de la siguiente manera:
Código: [Seleccionar]
[img]URL COMPLETA DE LA IMAGEN[/img]
En nuestro ejemplo, utilizamos la URL de nuestro propio logo: https://motoremocion.com/Themes/Motoremocion/images/logos/logo.jpg

Se muestra de la siguiente manera:
Citar

Insertar hipervínculo

Por defecto, si escribes aquí la URL directamente, se genera un hipervínculo y puedes entrar en el haciendo clic, por ejemplo: www.motoremocion.com.

Ahora, si queremos que en vez de aparecer la URL, aparezca el texto que deseemos, se aplica de la siguiente manera:
Código: [Seleccionar]
[url=https://motoremocion.com]Haciendo clic aquí irás a Motoremoción![/url]
Se muestra de la siguiente manera:
Citar
Haciendo clic aquí irás a Motoremoción!

Insertar email

Se aplica de la siguiente manera:
Código: [Seleccionar]
[email]contacto@motoremocion.com[/email]
Se muestra de la siguiente manera:
Citar
contacto@motoremocion.com

Texto iluminado

Se aplica de la siguiente manera:
Código: [Seleccionar]
[glow=red,2,300]Texto iluminado[/glow]
Se muestra de la siguiente manera:
Citar
Texto iluminado

Texto con sombra

Se aplica de la siguiente manera:
Código: [Seleccionar]
[shadow=blue,left]Texto con sombra[/shadow]
Se muestra de la siguiente manera:
Citar
Texto con sombra

« Última modificación: 10 Abril, 2020, 11:25:38 am por Biel Delgado »



*

Desconectado Nesha Say

  • *****
  • 73
  • 3
  • << Pequeños gestos, Grandes pasos >>
    • Ver Perfil
    • Motoremoción
Re:BBCode: Qué es y cómo se usa
« Respuesta #1 en: 08 Abril, 2020, 10:32:29 am »
¡Buena aportación! La mayoría de los fotos funcionan así, incluso en AMINO

Me hizo mucha gracia lo de: SOY ENORME jajajaja
<< Si no sabes adónde vas,cualquier camino te llevará >>

*

Desconectado Kevlar

  • *
  • 29
  • 2
    • Ver Perfil
Re:BBCode: Qué es y cómo se usa
« Respuesta #2 en: 11 Abril, 2020, 08:49:01 pm »
Buahhh que recuerdos... hace tanto que no lo veo que te juro que no me acuerdo ni de la mitad jajajajaja

 

Chat

Mario23: Lo veo ;) 00:39:54 09 Apr 2020

Kevlar: Uuuuuuuhhhh ;D 19:04:18 08 Apr 2020

Biel Delgado: +1 a la barbacoa  ;D 18:33:08 08 Apr 2020

Nesha Say: Después de la cuarentena, barbacoa 18:30:19 08 Apr 2020

Casper: Mario 23 seguro que podría asearse o casi esta ya echo 14:15:02 07 Apr 2020

Casper: Mario 23 tendría qe ser un mo 14:13:06 07 Apr 2020

Nesha Say: Ya hemos habilitado un botón directo en la portada para que podáis disfrutar del foro de la web ¡así no os perdéis nada! 23:14:06 05 Apr 2020

Mario23: Casper había escuchado que con el motor de frigoríficos hay quien hace compresores para inflar las ruedas :-\ 19:07:03 05 Apr 2020

Casper: Ueno todos mi vehiculos arrancan coches y motos moción cumplida 😎😜 13:18:02 05 Apr 2020

Biel Delgado: Pues si, es aconsejable ir revisándolos al menos 1 vez a la semana, si lo tenemos cerca al menos tratar de arrancarlos 5 minutos 11:52:06 05 Apr 2020