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. Cita
  17. Detener análisis de código BB
  18. Archivo adjunto
  19. Challonge BZL 2014
  20. Challonge Brackets
  21. Spoiler
  22. UStream Chat
  23. UStream
  24. WCG Peru
  25. WCG Peru LoL
  26. WCG Peru SC2
  27. WCG Peru SSF4
  28. Wrap text around image
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][email protected][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.

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]http://www.bloodzone.net/forums[/url]
    • [url=http://www.bloodzone.net/forums]Bloodzone.net[/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]http://www.bloodzone.net/forums/images/bloodzone/statusicon/forum_new-48.png[/img] (No vinculado)
    • [url=http://www.example.com] [img]http://www.bloodzone.net/forums/images/bloodzone/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

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;1383306]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

Challonge BZL 2014

  • [chall14]Valor[/chall14]
    Uso
  • [chall14]http://challonge.com/jzwyw6f1[/chall14]
    Ejemplo de uso
  • Ejemplo de salida

Challonge Brackets

  • [challonge]Valor[/challonge]
    Uso
  • [challonge]http://challonge.com/bloodzonehon[/challonge]
    Ejemplo de uso
  • Ejemplo de salida

Spoiler

Creates a button that hides/shows spoiler messages. So you can decide if you want to view the message or not.

  • [Spoiler=Opción]Valor[/Spoiler]
    Uso
  • [SPOILER="Custom Button Title"]Hidden Content Here...[/SPOILER]
    Ejemplo de uso
  •  
    Hidden Content Here...
    Ejemplo de salida

UStream Chat

  • [uchat]Valor[/uchat]
    Uso
  • [uchat]http://www.ustream.tv/recorded/1743585/highlight/7499#utm_campaign=fhighlights&utm_source=3&utm_medium=news-newspaper[/uchat]
    Ejemplo de uso
  • Ejemplo de salida

UStream

  • [ustream]Valor[/ustream]
    Uso
  • [ustream]http://www.ustream.tv/recorded/1743585/highlight/7499#utm_campaign=fhighlights&utm_source=3&utm_medium=news-newspaper[/ustream]
    Ejemplo de uso
  • Ejemplo de salida

WCG Peru

  • [wcgperu]Valor[/wcgperu]
    Uso
  • [wcgperu]http://www.twitch.tv/wcgperu[/wcgperu]
    Ejemplo de uso
  • Ejemplo de salida

WCG Peru LoL

  • [wcgperulol]Valor[/wcgperulol]
    Uso
  • [wcgperulol]http://www.twitch.tv/wcgperu[/wcgperulol]
    Ejemplo de uso
  • Ejemplo de salida

WCG Peru SC2

  • [wcgperusc2]Valor[/wcgperusc2]
    Uso
  • [wcgperusc2]http://www.twitch.tv/wcgperusc2[/wcgperusc2]
    Ejemplo de uso
  • Ejemplo de salida

WCG Peru SSF4

  • [wcgperussf4]Valor[/wcgperussf4]
    Uso
  • [wcgperussf4]http://www.twitch.tv/wcgperu[/wcgperussf4]
    Ejemplo de uso
  • Ejemplo de salida

Wrap text around image

This will wrap text around a picture of your choice. Just add the url to the img you wish to use.

  • [wrap]Valor[/wrap]
    Uso
  • [wrap]imgurl[/wrap]
    Ejemplo de uso
  • imgurl
    Ejemplo de salida