Tutorial de BBCode
Publicado: Mar May 25, 2021 9:41 am
¡Bienvenidos al foro de SMBX Equipo Estelar! Yo me encargo del mantenimiento y de la parte técnica del foro. En esta publicación les mostraré el BBCode, que consiste en etiquetas que les ayudará a manipular el texto y cualquier contenido que deseen insertar en sus temas de foro. Los botones que aparecen debajo del Asunto ya les permite insertar estas etiquetas sin esfuerzo alguno, pero el foro también cuenta con etiquetas adicionales como links de youtube, por ejemplo.
Lo básico
Texto en negrita
Texto en cursiva
Texto subrayado
[s]Texto tachado[/s]
TT: es parecido al code, cambia la tipografía a una con espaciado equivalente sin encerrarlo en un cuadro.
[tt]Texto teletipado[/tt]
Img: inserta una imagen simple y sencilla.
Code: contiene al texto en un recuadro y fuente de igual espaciado para pegar código fuente.
Compuestos
Cita: esta cita la podemos generar tanto por el botón de Quote o elegir la opción "Citar" en una publicación.
Listas: list para abrir y cerrar una lista y * para cada uno de los items:
URL: inserta un hipervínculo. Nótese que es la única forma de proveer hipervínculos a imágenes también (encerrar la etiqueta img entre url)
Link de descarga
Flash: esta etiqueta está obsoleta debido a que Flash murió y, por más que se le dé un uso, ningún navegador podrá acceder al contenido ya que se eliminó de la mayoría de sistemas operativos de producción.
Size: permite cambiarle el tamaño al texto. Mientras mayor el número, mayor el tamaño (se aceptan solo valores enteros):
Diminuto Pequeño Normal Grande Enorme
Color: permite cambiar el color del texto, se aceptan solo valores hexadecimales. El botón del foro muestra una amplia paleta de colores, pero en caso de que se necesiten otros, accedan a esta herramienta.
Color azul
Spoiler: Permite encerrar contenido en un cuadro desplegable por medio de un botón. No tiene acceso directo desde el editor.
YouTube: permite insertar videos de youtube. Copiar el ID único luego del [tt]watch?v=[/tt]. Por ejemplo, si el link es [tt]https://www.youtube.com/watch?v=HYzFmyFdnwQ[/tt], el ID a pegar es [tt]HYzFmyFdnwQ[/tt].
Lo básico
Texto en negrita
Código: Seleccionar todo
[b]Texto en negrita[/b]Código: Seleccionar todo
[i]Texto en cursiva[/i]Código: Seleccionar todo
[u]Texto subrayado[/u]Código: Seleccionar todo
[s]Texto tachado[/s][tt]Texto teletipado[/tt]
Código: Seleccionar todo
[tt]Texto teletipado[/tt]Código: Seleccionar todo
[img]https://static.wixstatic.com/media/a27d24_14963e81212649f38f32c76ec9eca484~mv2.jpg/v1/fill/w_680,h_383,al_c,q_90,usm_0.66_1.00_0.01/a27d24_14963e81212649f38f32c76ec9eca484~mv2.webp[/img]Código: Seleccionar todo
<?php
$_sc = 'Codigo fuente';
?>Código: Seleccionar todo
[code]<?php
$_sc = 'Codigo fuente';
?>[/code ]Cita: esta cita la podemos generar tanto por el botón de Quote o elegir la opción "Citar" en una publicación.
hacheipe399 escribió:Cita a otro usuario
Código: Seleccionar todo
[quote=hacheipe399]Cita a otro usuario[/quote]Listas: list para abrir y cerrar una lista y * para cada uno de los items:
- item 1.
- item 2.
- item N
Código: Seleccionar todo
[list]
[*]item 1.
[*]item 2.
[*]item N [/list]URL: inserta un hipervínculo. Nótese que es la única forma de proveer hipervínculos a imágenes también (encerrar la etiqueta img entre url)
Link de descarga
Código: Seleccionar todo
[url=https://www.smbxequipoestelar.com/descargar-smbx-38a/]Links de descarga[/url]Flash: esta etiqueta está obsoleta debido a que Flash murió y, por más que se le dé un uso, ningún navegador podrá acceder al contenido ya que se eliminó de la mayoría de sistemas operativos de producción.
Size: permite cambiarle el tamaño al texto. Mientras mayor el número, mayor el tamaño (se aceptan solo valores enteros):
Diminuto Pequeño Normal Grande Enorme
Código: Seleccionar todo
[size=50]Diminuto[/size] [size=85]Pequeño[/size] Normal [size=150]Grande[/size] [size=200]Enorme[/size]Color: permite cambiar el color del texto, se aceptan solo valores hexadecimales. El botón del foro muestra una amplia paleta de colores, pero en caso de que se necesiten otros, accedan a esta herramienta.
Color azul
Código: Seleccionar todo
[color=#0040BF]Color azul[/color]Spoiler: Permite encerrar contenido en un cuadro desplegable por medio de un botón. No tiene acceso directo desde el editor.
Spoiler:
Código: Seleccionar todo
[spoiler]Contenido oculto[/spoiler]YouTube: permite insertar videos de youtube. Copiar el ID único luego del [tt]watch?v=[/tt]. Por ejemplo, si el link es [tt]https://www.youtube.com/watch?v=HYzFmyFdnwQ[/tt], el ID a pegar es [tt]HYzFmyFdnwQ[/tt].
Original link: HYzFmyFdnwQ
Código: Seleccionar todo
[youtube]HYzFmyFdnwQ[/youtube]