Código BB

Explanation

BB Code es un conjunto de etiquetas basadas en el lenguaje HTML que quizás ya conozcas. Con ellos puedes dar formato a tus mensajes, de la misma manera que lo hace HTML, pero tiene una sintaxis mas sencilla y nunca romperá la disposición de las páginas que estas viendo. La capacidad de usar Código BB es dispuesto en cada foro por el administrador, así pues debes revisar las normas del foro antes de enviar un nuevo mensaje.

Debajo hay una lista de etiquetas en Códigos BB que puedes utilizar para fomatear tus mensajes.

Lista de Códigos BB

  1. Negrita / Itálica / Subrayar
    [b], [i], [u]
  2. Color
    [color]
  3. Tamaño
    [size]
  4. Font (Tipo de Letra)
    [font]
  5. Resaltar
    [highlight]
  6. Izquierda / Derecha / Centro
    [left], [right], [center]
  7. Sangría
    [indent]
  8. Enlazado de Correo Electrónico
    [email]
  9. Hiperenlaces URL
    [url]
  10. Enlazando Temas
    [thread]
  11. Enlazado de Mensajes
    [post]
  12. Listas con Gráficos / Listas Avanzadas
    [list]
  13. Imágenes
    [img]
  14. Videos
    [video]
  15. Código
    [code]
  16. Cita
    [quote]
  17. Detener Análisis Código BB
    [noparse]
  18. Archivo Adjunto
    [attach]
  19. Tachado
    [strike]
  20. Cupones
    [vcupon]
Uso Incorrecto del Código BB:
  • [url] www.ejemplo.com [/url] - No ponga espacios entre el código puesto entre corchetes y el texto al que aplicas el código.
  • [email]minombre@dominio.com[email] - Las etiquetas de cierre debe incluir la barra inclinada ([/email])

Negrita / Itálica / Subrayar

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

    • [b]Valor[/b]
    • [i]Valor[/i]
    • [u]Valor[/u]
    Uso
    • [b]este texto está en negritas[/b]
    • [i]este texto está en itálicas[/i]
    • [u]este texto está subrayado[/u]
    Ejemplo de Uso
    • este texto está en negritas
    • 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

Sangría

La etiqueta [indent] te permite escribir parrafos con sangría.

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

Enlazado de Correo Electrónico

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 Contactarme[/email]
    Ejemplo de Uso
  • Ejemplo de Salida

Hiperenlaces URL

La etiqueta [url] te permite enlazar a otro 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.canonistas.com/foros[/url]
    • [url=https://www.canonistas.com/foros]Canonistas.com[/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.canonistas.com/foros/images/statusicon/forum_new-48.png[/img] (No Enlazado)
    • [url=http://www.example.com] [img]https://www.canonistas.com/foros/images/statusicon/forum_new-48.png[/img] [/url] (Enlazado)
    Ejemplo de Uso
    • (No Enlazado)
    • (Enlazado)
    Ejemplo de Salida

Videos

The [video] tag allows you to embed videos from various video services within your posts.

  • [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

Cita

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

    • [quote]Cita[/quote]
    • [quote=Nombre de Usuario]Valor[/quote]
    Uso
    • [quote]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe;5666466]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 Código BB

La etiqueta [noparse] te permite detener de que el código vB sea analizado.

  • [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 desplegar un adjunto en tu mensaje en ves de ser desplegados abajo como lo es predeterminadamente. Solo desplegará adjuntos que pertenecen al mensaje en el cual es utilizado.

  • [attach]ID de adjunto[/attach]
    Uso
  • [attach]12345[/attach]
    Ejemplo de Uso
  • Ejemplo de Salida

Tachado

Aparece el texto tachado

  • [strike]Valor[/strike]
    Uso
  • [strike]Esto esta tachado[/strike]
    Ejemplo de Uso
  • Esto esta tachado
    Ejemplo de Salida

Cupones

enlaces especiales

  • [vcupon=Opción]Valor[/vcupon]
    Uso
  • [vcupon="http://uv.es"]UV[/vcupon]
    Ejemplo de Uso
  • UV
    Ejemplo de Salida