BB Code

Explanation

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.

Lista de códigos vB

  1. Negrita / Cursiva / Subrayado
  2. Color
  3. Tamaño
  4. Fuente
  5. Highlight
  6. Izquierda / Derecha / Centrado
  7. Identación
  8. Email Linking
  9. Enlace a una página
  10. Enlace a una discusión
  11. Enlace a un post
  12. Lista con viñetas / Listas avanzadas
  13. Imágenes
  14. Videos
  15. Code
  16. Código PHP
  17. HTML Code
  18. Quote
  19. Stop BB Code Parsing
  20. Attachment
  21. YouTube
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

Los códigos [b], [i] y [u] te permiten crear texto en negrita, cursiva o subrayado.

    • [b]valor[/b]
    • [i]valor[/i]
    • [u]valor[/u]
    Uso
    • [b]este texto está en negritas[/b]
    • [i]este texto está en cursiva[/i]
    • [u]este texto está subrayado[/u]
    Ejemplo
    • este texto está en negritas
    • este texto está en cursiva
    • este texto está subrayado
    Resultado

Color

El tag de [color] te permite cambiar el color de tu texto.

  • [color=Opción]valor[/color]
    Uso
  • [color=blue]este texto es azul[/color]
    Ejemplo
  • este texto es azul
    Resultado

Tamaño

El tag de [size] te permite cambiar de tamaño el texto.

  • [size=Opción]valor[/size]
    Uso
  • [size=+2]este texto tiene dos veces más tamaño de lo normal[/size]
    Ejemplo
  • este texto tiene dos veces más tamaño de lo normal
    Resultado

Fuente

El tag de [font] te permite cambiar la fuente de tu texto.

  • [font=Opción]valor[/font]
    Uso
  • [font=courier]este texto tiene fuente courier[/font]
    Ejemplo
  • este texto tiene fuente courier
    Resultado

Izquierda / Derecha / Centrado

Los tags de [left], [right] y [center] te permiten cambiar la alineación del texto.

    • [left]valor[/left]
    • [center]valor[/center]
    • [right]valor[/right]
    Uso
    • [left]this text is left-aligned[/left]
    • [center]este texto está centrado[/center]
    • [right]this text is right-aligned[/right]
    Ejemplo
  • this text is left-aligned
    este texto está centrado
    this text is right-aligned
    Resultado

Identación

El tag de [indent] te permite identar el texto.

  • [indent]valor[/indent]
    Uso
  • [indent]este texto está identado[/indent]
    Ejemplo
  • este texto está identado
    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

Enlace a una página

El tag de [url] te permite crear un enlace a otras páginas web o archivos. Puedes además elegir con que texto aparecerá el enlace.

    • [url]valor[/url]
    • [url=Opción]valor[/url]
    Uso
    • [url]http://www.vagclub.com/forum[/url]
    • [url=http://www.vagclub.com/forum]VAGclub.com[/url]
    Ejemplo
  • Resultado

Enlace a una discusión

El tag de [thread] te permite crear un enlace a una discusión con sólo especificar su id. Puedes además elegir con que texto aparecerá el enlace.

Enlace a un post

El tag de [post] te permite crear un enlace a un post con solo especificar su id. Puedes además elegir con que texto aparecerá el enlace.

Lista con viñetas

El tag de [list] te permite crear listas simples con viñetas. Cada viñeta se marca con un tag de [*].

  • [list]valor[/list]
    Uso
  • [list]
    [*]elemento de la lista 1
    [*]elemento de la lista 2
    [/list]
    Ejemplo
    • elemento de la lista 1
    • elemento de la lista 2
    Resultado

Listas avanzadas

El tag de [list] te permite crear listas avanzadas si especificas una opción. Puede ser 1 (para una lista numerada) o A (para una lista alfabética en mayúsculas) o a (para una lista alfabética en minúsculas) o I (para una lista con números romanos) o i (para una lista con números romanos en minúsculas).

  • [list=Opción]valor[/list]
    Uso
  • [list=1]
    [*]elemento de la lista 1
    [*]elemento de la lista 2
    [/list]

    [list=a]
    [*]elemento de la lista 1
    [*]elemento de la lista 2
    [/list]
    Ejemplo
    1. elemento de la lista 1
    2. elemento de la lista 2
    1. elemento de la lista 1
    2. elemento de la lista 2
    Resultado

Imágenes

El tag de [img] te permite insertar una imagen en tu post. Puedes combinar este tag con el de url para crear una imagen con un enlace.

  • [img]valor[/img]
    Uso
    • [img]http://www.vagclub.com/forum/images/statusicon/forum_new.gif[/img] (Sin enlace)
    • [url=http://www.example.com] [img]http://www.vagclub.com/forum/images/statusicon/forum_new.gif[/img] [/url] (Con enlace)
    Ejemplo
    • (Sin enlace)
    • (Con enlace)
    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

Code

El tag de [code] conserva la cantidad de espacios que des y toda slas letras se ven del mismo ancho.

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

Código PHP

El tag de [php] hace la misma función que el tag de [code] pero te permite dar formato con colores al código. A pesar de que fue diseñado para PHP es útil para otros lenguajes estilo C.

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

HTML Code

El tag de [html] te permite dar formato con colores a código HTML.

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

Quote

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

    • [quote]Quote[/quote]
    • [quote=Nombre]valor[/quote]
    Uso
    • [quote]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe;1027927]Lorem ipsum dolor sit amet[/quote]
    Ejemplo
    • Lorem ipsum dolor sit amet
    • Quote Originalmente publicado por John Doe
      Lorem ipsum dolor sit amet
    • Quote Originalmente publicado por John Doe Ver post
      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

Attachment

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

YouTube

Inserta vídeos de youtube en el foro

  • [youtube]valor[/youtube]
    Uso
  • Para poner el vídeo http://youtube.com/watch?v=[b]xxxxxx[/b] se pone entre el BBcode de youtube [b]xxxxxx[/b]
    Ejemplo
  • Para poner el vídeo http://youtube.com/watch?v=xxxxxx se pone entre el BBcode de youtube xxxxxx
    Resultado