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 / 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. Videos
  15. Código
  16. Código PHP
  17. Código HTML
  18. Cita
  19. Stop BB Code Parsing
  20. Archivo Adjunto
  21. Background Color
  22. Box
  23. Edit Box
  24. Flash Video
  25. Glow
  26. Moderator Notes
  27. neon
  28. Off Topic
  29. shadow
  30. Spoiler
  31. UP
  32. Updwn
  33. wave
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][email protected][email] - the end brackets must include a forward slash ([/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

Endentado

La etiqueta [indent] te permite indentar texto.

  • [indent]Valor[/indent]
    Uso
  • [indent]este texto está indentado[/indent]
    Ejemplo de Uso
  • este texto está indentado
    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 'nombrer' tu enlace.

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]http://www.warianoz.com/foros[/url]
    • [url=http://www.warianoz.com/foros]www.Warianoz.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]http://www.warianoz.com/foros/images/styles/vb3/statusicon/forum_new-48.png[/img] (No vinculado)
    • [url=http://www.example.com] [img]http://www.warianoz.com/foros/images/styles/vb3/statusicon/forum_new-48.png[/img] [/url] (Enlazado)
    Ejemplo de Uso
    • (No vinculado)
    • (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

Código PHP

La etiqueta [php] desempeña la misma acción que la etiqueta [code], pero tambié 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;6712509]Lorem ipsum dolor sit amet[/quote]
    Ejemplo de Uso
    • Lorem ipsum dolor sit amet
    • Cita Escrito por John Doe
      Lorem ipsum dolor sit amet
    • Cita Escrito 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

Stop BB Code Parsing

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

Background Color

Background Color

  • [bg=Opción]Valor[/bg]
    Uso
  • [bg=yellow]text[/bg]
    Ejemplo de Uso
  • %%%%text
    Ejemplo de Salida

Box

Developded by Marco

  • [Box=Opción]Valor[/Box]
    Uso
  • [box=#FFFFFF]Text[/box]
    Ejemplo de Uso
  • %%%%1$s
    Ejemplo de Salida

Edit Box

  • [edit]Valor[/edit]
    Uso
  • [edit]Arreglado[/edit]
    Ejemplo de Uso
  • EDIT
    Arreglado
    Ejemplo de Salida

Flash Video

This Tag uses to Flash Video

  • [flash]Valor[/flash]
    Uso
  • [flash] http://70.85.74.174/albino_flash04/myhero(www.albinoblacksheep.com).swf [/flash]
    Ejemplo de Uso
  • Ejemplo de Salida

Glow

Glow 1px in IE4+ only.

  • [Glow=Opción]Valor[/Glow]
    Uso
  • [glow=1]This BB code makes a 1px glow.[/glow]
    Ejemplo de Uso
  • %%%%1$s
    Ejemplo de Salida

Moderator Notes

  • [moderation]Valor[/moderation]
    Uso
  • [moderation]important note here[/moderation]
    Ejemplo de Uso


  • Nota de Moderacionimportant note here
    Ejemplo de Salida

neon

  • [neon]Valor[/neon]
    Uso
  • [neon]text[/neon]
    Ejemplo de Uso
  • Ejemplo de Salida

Off Topic

Off topic box.

  • [offtopic]Valor[/offtopic]
    Uso
  • [offtopic]Hello![/offtopic]
    Ejemplo de Uso
  • Off Topic:
    Hello!
    Ejemplo de Salida

shadow

  • [shadow=Opción]Valor[/shadow]
    Uso
  • [shadow=#006699]this text drops shadow[/shadow]
    Ejemplo de Uso
  • %%%%1$s
    Ejemplo de Salida

Spoiler

This Tag uses to hide important information as final of films, games and etc...

  • [Spoiler=Opción]Valor[/Spoiler]
    Uso
  • [spoiler=End of the Game]Cloud kills Sepiroth[/spoiler]
    Ejemplo de Uso
  • End of the Game
    Cloud kills Sepiroth
    Ejemplo de Salida

UP

  • [UP]Valor[/UP]
    Uso
  • 25[up]3[/up]
    Ejemplo de Uso
  • 25%%%%1$s
    Ejemplo de Salida

Updwn

  • [Updwn]Valor[/Updwn]
    Uso
  • [updwn]This Text Goes Up From Down[/updwn]
    Ejemplo de Uso

  • This Text Goes Up From Down
    Ejemplo de Salida

wave

  • [wave=Opción]Valor[/wave]
    Uso
  • [wave=2]this text is wavy[/wave]
    Ejemplo de Uso
  • %%%%1$s
    Ejemplo de Salida
[Output: 67.73 Kb. compressed to 61.06 Kb. by saving 6.67 Kb. (9.84%)]