Guía de BBCode (Como modificar tus mensajes)

Normas básicas del foro y ayuda para manejarlo.
Responder
Avatar de Usuario
Gallowmere
Supersaiyano 3
Mensajes: 1417
Registrado: Jue Ene 10, 2019 8:11 pm

Guía de BBCode (Como modificar tus mensajes)

Mensaje por Gallowmere » Sab Ene 12, 2019 11:57 pm

¿Qué es BBCode?

El BBCode es un lenguaje utilizado para embellecer el mensaje de texto y usa el mismo formato que el html para ello. Para resumir y para lo que nos interesa en nuestro caso, el BBCode es esto:

Imagen


Que podamos hacer uso o no de BBCode depende del administrador. Elforales en su bondad decidió dejarnos dar uso de esta super increíble herramienta.
En caso de querer desactivar el BBCode en algún mensaje nuestro podemos deshabilitarlo sin ningún problema. Tan solo deberíamos marca la siguiente opción:

Imagen


Como usar BBCode

Negrita
Imagen

Para hacer que la parte que nos interesa del texto esté en negrita lo encerramos con

Código: Seleccionar todo

[b][/b]
Ejemplo:

Código: Seleccionar todo

[b]elforales[/b] es lo mejor que le ha pasado a Dragon Ball desde el fic de Mutaito.
elforales es lo mejor que le ha pasado a Dragon Ball desde el fic de Mutaito.




Cursiva
Imagen

Para la cursiva usamos

Código: Seleccionar todo

[i][/i]
Ejemplo:

Código: Seleccionar todo

elforales [i]es lo mejor que le ha pasado a Dragon Ball[/i] desde el fic de Mutaito.
elforales es lo mejor que le ha pasado a Dragon Ball desde el fic de Mutaito




Subrayado
Imagen

En caso de querer subrayar se usa

Código: Seleccionar todo

[u][/u]
Ejemplo:

Código: Seleccionar todo

[u]elforales[/u] es lo mejor que le ha pasado a Dragon Ball desde el fic de Mutaito.
elforales es lo mejor que le ha pasado a Dragon Ball desde el fic de Mutaito.




Quote
Imagen

Si queremos citar algo tendrá que estar entre

Código: Seleccionar todo

[quote][/quote]
Ejemplo:

Código: Seleccionar todo

[quote]VIVA ELFORALES[/quote]
VIVA ELFORALES



Código
Imagen

Cuando necesitamos poner algún tipo de código y queremos enmarcarlo podemos usar esta opción. Dentro de code nada tendrá efecto como bien podéis ver durante el largo de esta guía.




Listas
Imagen

Usar el botón de lista por si solo no sera muy útil, solo podremos listar una linea y no una serie. Para crear una lista correctamente también tendremos que usar el icono del botón en cada frase que queramos separar.

Así se verían los 3 botones.

Código: Seleccionar todo

[list][/list]
[list=][/list]
[*]
Para crear una lista tendríamos que hacer lo siguiente.

Código: Seleccionar todo

[list]
[*]Remolacha
[*]Zanahoria
[*]Manzana
[/list]
  • Remolacha
  • Zanahoria
  • Manzana
En caso de desear una lista numerada deberíamos usar el tercer botón que nos falta en este apartado y le añadiremos un 1 después del "="

Código: Seleccionar todo

[list=1]
[*]Crearte una cuenta.
[*]Entrar a postear.
[*]Hacerte amigo de todo el mundo.
[*]Echarle la culpa a woody.[/list]
  1. Crearte una cuenta.
  2. Entrar a postear.
  3. Hacerte amigo de todo el mundo.
  4. Echarle la culpa a woody.
En caso de querer una lista ordenada con letras haríamos lo mismo pero cambiado el 1 por una a.

Código: Seleccionar todo

[list=a]
[*]Crearte una cuenta.
[*]Entrar a postear.
[*]Hacerte amigo de todo el mundo.
[*]Echarle la culpa a woody.[/list]
  1. Crearte una cuenta.
  2. Entrar a postear.
  3. Hacerte amigo de todo el mundo.
  4. Echarle la culpa a woody.



Imágenes
Imagen

Para subir una imagen tendremos que colocar la url de la imagen entre

Código: Seleccionar todo

[img][/img]
Ejemplo:

Código: Seleccionar todo

[img]https://i.imgur.com/exNFgUj.png[/img]
Imagen




URL
Imagen

Es exactamente el mismo caso que las imágenes.

Ejemplo:

Código: Seleccionar todo

[url][/url]
https://i.imgur.com/exNFgUj.png

En este caso tampoco tiene mucha utilidad porque el propio foro se encarga de crear los enlaces:

https://i.imgur.com/exNFgUj.png (a este no le puse código)

Pero aún podemos hacer algo con lo que darle una función útil. Poner el enlace en una palabra.
Para ello tendremos que añadir un "=" justo detrás mismo de "url" y a continuación copiar el enlace. Dentro del código podemos escribir el mensaje que deseamos que aparezca.

Ejemplo:

Código: Seleccionar todo

[url=https://www.dhresource.com/200x200/f2/albu/g6/M00/29/65/rBVaR1vmVB-AAzk3AAD_owleTr8598.jpg]Hola, soy una url.[/url]
Hola, soy una url.




Color
Imagen

Podemos añadir el color que queramos a nuestros textos usando

Código: Seleccionar todo

[color=[/color]
Cuando le demos al botón se nos abrirá una gama de colores donde podremos seleccionar el color que queremos darle.
Imagen

Ejemplo:

Código: Seleccionar todo

[color=#FF4000]Telefunken PAL color[/color]
Telefunken PAL color

Podemos hacer una mezcla si lo deseamos.

Código: Seleccionar todo

[color=#FF4000]Tele[/color][color=#4080FF]funken[/color] [color=#BF8080]PAL[/color] [color=#404000]color[/color]
Telefunken PAL color




Tamaño
Imagen

Podemos modificar el tamaño de nuestro texto con

Código: Seleccionar todo

[size=][/size]
Después del "=" introduciremos un número que sera el aumento de la letra, siendo 100 el tamaño por defecto.

Ejemplos:

Código: Seleccionar todo

[size=150]Soy grande[/size]

[size=50]Soy diminuta[/size]
Soy grande

Soy diminuta




Spoiler
Imagen

Cuando queramos ocultar contenido deberemos usar el botón de spoiler.

Código: Seleccionar todo

[spoiler][/spoiler]
Ejemplo:

Código: Seleccionar todo

[spoiler]Kairoseki muere al final.[/spoiler]
Spoiler:
Kairoseki muere al final.



Youtube
Imagen

Para integrar un vídeo de youtube en el foro tan solo tendremos que copiar la url tal cual del vídeo y ponerla entre

Código: Seleccionar todo

[youtube][/youtube]
Ejemplo:

Código: Seleccionar todo

[youtube]https://www.youtube.com/watch?v=yFE6qQ3ySXE[/youtube]




Ahora ya domináis el BBCode, id a presumir de ello con los demás usuarios y divertíos posteando por todo el foro con lo aprendido.
Imagen

Freegeta
Ultra Instinto (Señal)
Mensajes: 3200
Registrado: Jue Ene 10, 2019 7:28 pm

Re: Guía de BBCode (Como modificar tus mensajes)

Mensaje por Freegeta » Dom Ene 13, 2019 12:25 am

En los colores comentar que también se pueden escribir:

Código: Seleccionar todo

[color=green]Verde[/color]
Verde

E incluso variar su intensidad:

Código: Seleccionar todo

[color=greenyellow]Verde más chillón[/color] [color=darkgreen]Verde más oscuro[/color]
Verde más chillón Verde más oscuro

Lo que sigue sin funcionar son las opciones de organizar lo que escribes, por ejemplo el code "center" que en MDB no estaba habilitado, aquí tampoco, verdad?
Imagen
Imagen
Imagen

Responder