Código BB

Explicación

El código BB es un conjunto de etiquetas basadas en el lenguaje HTML del cual puedes estar ya familiarizado. Te permiten agregar formato a tus mensajes de la misma manera que lo hace el TML, pero tiene una sintaxis simple y nunca romperá el diseño de las páginas que estés viendo. La capacidad de utilizar el código BB está configurado basado en cada foro por el administrador, así que deberás revisar las reglas del foro al publicar un nuevo mensaje.

A continuación se muestra una lista de las etiquetas de códigos BB que puedes utilizar para dar formato a los mensajes.

Lista de códigos BB

  1. Negrita / Itálica / Subrayar
  2. Color
  3. Tamaño
  4. Font (Tipo de letra)
  5. Resaltar
  6. Izquierda / Derecha / Centro
  7. Endentado
  8. Enlazado de email
  9. Hiperenlaces URL
  10. Enlazando temas
  11. Enlazado de mensajes
  12. Listas con gráficos / Listas avanzadas
  13. Imágenes
  14. Vídeos
  15. Código
  16. Código PHP
  17. Código HTML
  18. Cita
  19. Detener análisis de código BB
  20. Archivo adjunto
  21. Código
Uso incorrecto de código BB:
  • [url] www.example.com [/url] - No pongas espacios dentro del código en corchetes y el texto al que le estás aplicando el código.
  • [email]myname@domain.com[email] - los corchetes finales deben incluir una barra inclinada ([/email])

Negrita / Itálica / Subrayar

Las etiquetas [b], [i] y [u] te permiten crear texto que aparecerá en negrita, itálicas y subrayado.

    • [b]Valor[/b]
    • [i]Valor[/i]
    • [u]Valor[/u]
    Uso
    • [b]este texto está en negrita[/b]
    • [i]este texto está en itálicas[/i]
    • [u]este texto está subrayado[/u]
    Ejemplo de uso
    • este texto está en negrita
    • este texto está en itálicas
    • este texto está subrayado
    Ejemplo de salida

Color

La etiqueta [color] te permite cambiar el color de tu texto.

  • [color=Opción]Valor[/color]
    Uso
  • [color=blue]este texto es azul[/color]
    Ejemplo de uso
  • este texto es azul
    Ejemplo de salida

Tamaño

La etiqueta [size] te permite cambiar el tamaño de tu texto.

  • [size=Opción]Valor[/size]
    Uso
  • [size=+2]este texto es dos veces más grande que lo normal[/size]
    Ejemplo de uso
  • este texto es dos veces más grande que lo normal
    Ejemplo de salida

Font (Tipo de letra)

La etiqueta [font] te permite cambiar el tipo de letra de tu texto.

  • [font=Opción]Valor[/font]
    Uso
  • [font=courier]este texto está en el tipo de letra courier[/font]
    Ejemplo de uso
  • este texto está en el tipo de letra courier
    Ejemplo de salida

Izquierda / Derecha / Centro

Las etiquetas [left], [right] y [center] te permiten cambiar la alineación de tu texto.

    • [left]Valor[/left]
    • [center]Valor[/center]
    • [right]Valor[/right]
    Uso
    • [left]este texto está alineado a la izquierda[/left]
    • [center]este texto está alineado al centro[/center]
    • [right]este texto está alineado a la derecha[/right]
    Ejemplo de uso
  • este texto está alineado a la izquierda
    este texto está alineado al centro
    este texto está alineado a la derecha
    Ejemplo de salida

Endentado

La etiqueta [indent] te permite indentar texto.

  • [indent]Valor[/indent]
    Uso
  • [indent]este texto tiene sangría[/indent]
    Ejemplo de uso
  • este texto tiene sangría
    Ejemplo de salida

Enlazado de email

La etiqueta [email] te permite insertar un enlace de una dirección de correo electrónico. Puedes incluir un parámetro opcional para 'nombrar' tu enlace.

    • [email]Valor[/email]
    • [email=Opción]Valor[/email]
    Uso
    • [email]j.doe@example.com[/email]
    • [email=j.doe@example.com]Pulsar aquí para escribirme[/email]
    Ejemplo de uso
  • Ejemplo de salida

Hiperenlaces URL

La etiqueta [url] te permite enlazar a otros sitios web o archivos. Puedes incluir un parámetro opcional para 'nombrar' el enlace.

    • [url]Valor[/url]
    • [url=Opción]Valor[/url]
    Uso
    • [url]https://www.weblonia.com/foro[/url]
    • [url=https://www.weblonia.com/foro]Weblonia[/url]
    Ejemplo de uso
  • Ejemplo de salida

Enlazando temas

La etiqueta [thread] te permite enlazar temas especificando el ID del tema. Puedes incluir un parámetro opcional para 'nombrar' tu enlace.

Enlazado de mensajes

La etiqueta [post] te permite enlazar a mensajes especificando el ID del mensaje. Puedes incluir un parámetro opcional para 'nombrar' tu enlace.

Listas con gráficos

La etiqueta [list] te permite crear listas simples, o con puntos sin especificar una opción. Dentro de la porción del valor, cada nota es denotada por la etiqueta [*].

  • [list]Valor[/list]
    Uso
  • [list]
    [*]listar artículo 1
    [*]listar artículo 2
    [/list]
    Ejemplo de uso
    • listar artículo 1
    • listar artículo 2
    Ejemplo de salida

Listas avanzadas

La etiqueta [list] te permite crear listas avanzadas especificando una opción. La opción debe tener una opción de '1' (para listas enumeradas) o 'A' (para una lista ordenada alfabéticamente por letras mayúsculas) o 'a' (para una lista ordenada alfabéticamente por minúsculas) o 'I' (para una lista ordenada con números romanos en mayúsculas) o 'i' (para una lista ordenada con números romanos en minúsculas).

  • [list=Opción]Valor[/list]
    Uso
  • [list=1]
    [*]listar artículo 1
    [*]listar artículo 2
    [/list]

    [list=A]
    [*]listar artículo 1
    [*]listar artículo 2
    [/list]

    [list=a]
    [*]listar artículo 1
    [*]listar artículo 2
    [/list]
    Ejemplo de uso
    1. listar artículo 1
    2. listar artículo 2
    1. listar artículo 1
    2. listar artículo 2
    1. listar artículo 1
    2. listar artículo 2
    Ejemplo de salida

Imágenes

La etiqueta [img] te permite incluir imágenes dentro de tus temas. También puedes combinar esta etiqueta con la etiqueta [url] para hacer enlaces con imágenes.

  • [img]Valor[/img]
    Uso
    • [img]https://www.weblonia.com/foro/images/metro/blue/statusicon/forum_new-48.png[/img] (No vinculado)
    • [url=http://www.example.com] [img]https://www.weblonia.com/foro/images/metro/blue/statusicon/forum_new-48.png[/img] [/url] (Enlazado)
    Ejemplo de uso
    • (No vinculado)
    • (Enlazado)
    Ejemplo de salida

Vídeos

La etiqueta [video] te permite insertar vídeos de varios servicios de vídeo dentro de tus mensajes.

  • [video]Valor[/video]
    Uso
    • [video=youtube;eOUq4Z6R7xI]http://www.youtube.com/watch?v=eOUq4Z6R7xI[/video]
    Ejemplo de uso
    Ejemplo de salida

Código

La etiqueta [code] cambia a un ancho fijo la letra (monoespaciado) y preserva todo el espaciado.

  • [code]Valor[/code]
    Uso
  • [code]
    <script type="text/javascript">
    <!--
        alert("Hello world!");
    //-->
    </script>
    [/code]
    Ejemplo de uso
  • Código:
    <script type="text/javascript">
    <!--
    	alert("Hello world!");
    //-->
    </script>
    Ejemplo de salida

Código PHP

La etiqueta [php] desempeña la misma acción que la etiqueta [code], pero también añade resaltado de sintaxis para el código PHP. Aunque ha sido diseñado para PHP, puede resaltar correctamente otros lenguajes de programación como C++ o HTML.

  • [php]Valor[/php]
    Uso
  • [php]
    $myvar = 'Hello World!';
    for ($i = 0; \$i < 10; \$i++)
    {
        echo $myvar . "\n";
    }
    [/php]
    Ejemplo de uso
  • Código PHP:
    $myvar 'Hello World!';
    for (
    $i 0$i 10$i++)
    {
        echo 
    $myvar "\n";

    Ejemplo de salida

Código HTML

La etiqueta [html] te permite resaltado de sintaxis para el código HTML.

  • [html]Valor[/html]
    Uso
  • [html]
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    [/html]
    Ejemplo de uso
  • Código HTML:
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    Ejemplo de salida

Cita

La etiqueta [quote] te permite citar texto que pertenece a alguien más.

    • [quote]Cita[/quote]
    • [quote=Usuario]Valor[/quote]
    Uso
    • [quote]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe;473]Lorem ipsum dolor sit amet[/quote]
    Ejemplo de uso
    • Lorem ipsum dolor sit amet
    • Cita Iniciado por John Doe
      Lorem ipsum dolor sit amet
    • Cita Iniciado por John Doe Ver mensaje
      Lorem ipsum dolor sit amet
    Ejemplo de salida

Resaltar

La etiqueta [highlight] te permite dar énfasis a tu texto.

  • Uso
    [highlight]Valor[/highlight]
  • Ejemplo de uso
    [highlight]este texto está resaltado[/highlight]
  • Ejemplo de salida
    este texto está resaltado

Detener análisis de código BB

La etiqueta [noparse] te permite detener el análisis del código BB.

  • [noparse][b]Valor[/b][/noparse]
    Uso
  • [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
    Ejemplo de uso
  • [b]Lorem ipsum dolor sit amet[/b]
    Ejemplo de salida

Archivo adjunto

La etiqueta [attach] te permite mostrar un archivo adjunto en tu mensaje y no en la parte inferior. Solo mostrará archivos adjuntos que pertenecen al mensaje en el que esto sea utilizado.

  • [attach]ID de archivo adjunto[/attach]
    Uso
  • [attach]12345[/attach]
    Ejemplo de uso
  • Ejemplo de salida

Código

Highlighter de código

  • [codigo]Valor[/codigo]
    Uso
  • <code class="prettyprint">{param}</code>
    Ejemplo de uso
  • <code class="prettyprint">{param}</code>
    Ejemplo de salida