BB Code

Explicación

BB code is a set of tags based on the HTML language that you may already be familiar with. They allow you to add formatting to your messages in the same way as HTML does, but have a simpler syntax and will never break the layout of the pages you are viewing. The ability to use BB code is set on a forum-by-forum basis by the administrator, so you should check the forum rules when you post a new message.

Below is a list of the BB code tags you can use to format your messages.

BB Code List

  1. Negrita / Cursiva / Subrayado
    [b], [i], [u]
  2. Color
    [color]
  3. Size
    [size]
  4. Font
    [font]
  5. Highlight
    [highlight]
  6. Left / Right / Center
    [left], [right], [center]
  7. Indent
    [indent]
  8. Email Linking
    [email]
  9. URL Hyperlinking
    [url]
  10. Thread Linking
    [thread]
  11. Post Linking
    [post]
  12. Bulleted Lists / Advanced Lists
    [list]
  13. Images
    [img]
  14. Videos
    [video]
  15. Código
    [code]
  16. Código PHP
    [php]
  17. Código HTML
    [html]
  18. Cita
    [quote]
  19. Stop BB Code Parsing
    [noparse]
  20. Adjunto
    [attach]
  21. Traducción para Latinoamérica
    [es]
  22. Goear
    [goear]
  23. Texto Justificado
    [Justify]
  24. Traducción para Latinoamérica
    [la]
  25. Marco
    [marco]
  26. Marquesina
    [Marquee]
  27. Mención
    [mention]
  28. Resizer
    [resize]
  29. Texto tachado
    [s]
  30. Spoiler
    [SPOILER]
  31. Spoiler
    [SPOILER]
Incorrect BB Code Usage:
  • [url] www.example.com [/url] - don't put spaces between the bracketed code and the text you are applying the code to.
  • [email]myname@domain.com[email] - the end brackets must include a forward slash ([/email])

Negrita / Cursiva / Subrayado

Las etiquetas [b], [i] y [u] te permiten crear texto en negrita, cursiva y subrayado respectivamente.

    • [b]Valor[/b]
    • [i]Valor[/i]
    • [u]Valor[/u]
    Uso
    • [b]this text is bold[/b]
    • [i]este texto está en cursiva[/i]
    • [u]este texto está subrayado[/u]
    Ejemplo
    • this text is bold
    • este texto está en cursiva
    • este texto está subrayado
    Resultado

Color

The [color] tag allows you to change the color of your text.

  • [color=Opción]Valor[/color]
    Uso
  • [color=blue]this text is blue[/color]
    Ejemplo
  • this text is blue
    Resultado

Size

The [size] tag allows you to change the size of your text.

  • [size=Opción]Valor[/size]
    Uso
  • [size=+2]this text is two sizes larger than normal[/size]
    Ejemplo
  • this text is two sizes larger than normal
    Resultado

Font

The [font] tag allows you to change the font of your text.

  • [font=Opción]Valor[/font]
    Uso
  • [font=courier]this text is in the courier font[/font]
    Ejemplo
  • this text is in the courier font
    Resultado

Left / Right / Center

The [left], [right] and [center] tags allow you to change the alignment of your text.

    • [left]Valor[/left]
    • [center]Valor[/center]
    • [right]Valor[/right]
    Uso
    • [left]this text is left-aligned[/left]
    • [center]this text is center-aligned[/center]
    • [right]this text is right-aligned[/right]
    Ejemplo
  • this text is left-aligned
    this text is center-aligned
    this text is right-aligned
    Resultado

Indent

The [indent] tag allows you to indent your text.

  • [indent]Valor[/indent]
    Uso
  • [indent]this text is indented[/indent]
    Ejemplo
  • this text is indented
    Resultado

Email Linking

The [email] tag allows you to link to an email address. You can include an optional parameter to 'name' your link.

    • [email]Valor[/email]
    • [email=Opción]Valor[/email]
    Uso
    • [email]j.doe@example.com[/email]
    • [email=j.doe@example.com]Click Here to Email Me[/email]
    Ejemplo
  • Resultado

URL Hyperlinking

The [url] tag allows you to link to other websites and files. You can include an optional parameter to 'name' your link.

    • [url]Valor[/url]
    • [url=Opción]Valor[/url]
    Uso
    • [url]/[/url]
    • [url=/]Pilar Celeste[/url]
    Ejemplo
  • Resultado

Thread Linking

The [thread] tag allows you to link to threads by specifying the thread id. You can include an optional parameter to 'name' your link.

    • [thread]threadid[/thread]
    • [thread=threadid]Valor[/thread]
    Uso
    • [thread]42918[/thread]
    • [thread=42918]Click Me![/thread]
    (Note: The threadid/postid is just an example and may not link to a valid thread/post.)
    Ejemplo
  • Resultado

Post Linking

The [post] tag allows you to link to posts by specifying the post id. You can include an optional parameter to 'name' your link.

    • [post]postid[/post]
    • [post=postid]Valor[/post]
    Uso
    • [post]269302[/post]
    • [post=269302]Click Me![/post]
    (Note: The threadid/postid is just an example and may not link to a valid thread/post.)
    Ejemplo
  • Resultado

Bulleted Lists

The [list] tag allows you to create simple, bulleted lists without specifying an option. Within the value portion, each bullet is denoted by the [*] tag.

  • [list]Valor[/list]
    Uso
  • [list]
    [*]list item 1
    [*]list item 2
    [/list]
    Ejemplo
    • list item 1
    • list item 2
    Resultado

Advanced Lists

The [list] tag allows you to create advanced lists by specifying an option. The option should have a value of 1 (for a numbered list) or A (for an alphabetic with capital letters list) or a (for an alphabetic with lowercase letters list) or I (for a numbered with capital Roman numeral list) or i (for a numbered with small Roman numeral list).

  • [list=Opción]Valor[/list]
    Uso
  • [list=1]
    [*]list item 1
    [*]list item 2
    [/list]

    [list=A]
    [*]list item 1
    [*]list item 2
    [/list]

    [list=a]
    [*]list item 1
    [*]list item 2
    [/list]
    Ejemplo
    1. list item 1
    2. list item 2
    1. list item 1
    2. list item 2
    1. list item 1
    2. list item 2
    Resultado

Images

The [img] tag allows you to embed images within your posts. You can also combine this tag with the [url] tag to make images become links.

  • [img]Valor[/img]
    Uso
    • [img]/skins/Skin_DeltaBreeze/statusicon/forum_new-48.png[/img] (Not linked)
    • [url=http://www.example.com] [img]/skins/Skin_DeltaBreeze/statusicon/forum_new-48.png[/img] [/url] (Linked)
    Ejemplo
    • (Not linked)
    • (Linked)
    Resultado

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
    Resultado

Código

The [code] tag switches to a fixed-width (monospace) font and preserves all spacing.

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

Código PHP

The [php] tag performs the same function as the [code] tag, but also adds syntax highlighting for PHP code. Although it is designed for PHP, it may correctly highlight some other C-like languages.

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

Código HTML

The [html] tag allows you to perform syntax highlighting for HTML code.

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

Cita

The [quote] tag allows you to attribute text to someone else.

    • [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;7900]Lorem ipsum dolor sit amet[/quote]
    Ejemplo
    • Lorem ipsum dolor sit amet
    • Cita Originalmente publicado por John Doe
      Lorem ipsum dolor sit amet
    • Cita Originalmente publicado por John Doe Ver mensaje
      Lorem ipsum dolor sit amet
    Resultado

Highlight

The [highlight] tag allows you to emphasize your text.

  • Uso
    [highlight]Valor[/highlight]
  • Ejemplo
    [highlight]this text is highlighted[/highlight]
  • Resultado
    this text is highlighted

Stop BB Code Parsing

The [noparse] tag allows you to stop the parsing of BB code.

  • [noparse][b]Valor[/b][/noparse]
    Uso
  • [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
    Ejemplo
  • [b]Lorem ipsum dolor sit amet[/b]
    Resultado

Adjunto

The [attach] tag allows you to display an attachment in your post rather than at the bottom. It will only display attachments that belong to the post in which it is utilized.

  • [attach]attachmentid[/attach]
    Uso
  • [attach]12345[/attach]
    Ejemplo
  • Resultado

Traducción para Latinoamérica

La etiqueta [es] se usa para especificar términos del fandom Pokémon en español

  • [es]Valor[/es]
    Uso
  • [es]Calagua[/es]
    Ejemplo
  • Calagua
    Resultado

Goear

Reproducir audio en goear

  • [goear]Valor[/goear]
    Uso
  • [goear]8f58da1[/goear]
    Ejemplo
  • Resultado

Texto Justificado

Justifica tu texto

  • [Justify]Valor[/Justify]
    Uso
  • [justify]Soy un textos justificado, lalalalá :'3[/justify]
    Ejemplo
  • Soy un textos justificado, lalalalá :'3
    Resultado

Traducción para Latinoamérica

La etiqueta [la] se usa para especificar términos del fandom Pokémon en inglés

  • [la]Valor[/la]
    Uso
  • [la]Lilycove[/la]
    Ejemplo
  • Lilycove
    Resultado

Marco

Envuelve con un marco el texto seleccionado

  • [marco=Opción]Valor[/marco]
    Uso
  • [marco=Ejemplo]esto queda dentro del marco[/marco]
    Ejemplo
  • Ejemplo esto queda dentro del marco
    Resultado

Marquesina

Envolver entre las etiquetas [marquee] el texto seleccionado

  • [Marquee]Valor[/Marquee]
    Uso
  • [Marquee]Aqui su texto[/Marquee]
    Ejemplo
  • Aqui su texto
    Resultado

Mención

Mention an user to alert him or her to this post!

  • [mention]Valor[/mention]
    Uso
  • [mention]Username[/mention]
    Ejemplo
  • @%1;
    Resultado

Resizer

Para redimensionar imágenes.

  • [resize=Opción]Valor[/resize]
    Uso
  • [resize=100][IMG]http://i.imgur.com/ha1reVC.png[/IMG][/resize]
    Ejemplo
  • http://i.imgur.com/ha1reVC.png
    Resultado

Texto tachado

Para tachar texto

  • [s]Valor[/s]
    Uso
  • [S]Texto tachado[/S]
    Ejemplo
  • Texto tachado
    Resultado

Spoiler

Ocultar texto

  • [SPOILER]Valor[/SPOILER]
    Uso
  • [spoiler]enter your text here[/spoiler]
    Ejemplo
  • Resultado

Spoiler

Ocultar texto

  • [SPOILER=Opción]Valor[/SPOILER]
    Uso
  • [spoiler=enter your title here]enter your text here[/spoiler]
    Ejemplo
  • Resultado