Close

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
  2. Color
  3. Tamaño
  4. Font (Tipo de Letra)
  5. Resaltar
  6. Izquierda / Derecha / Centro
  7. Sangría
  8. Enlazado de Correo Electrónico
  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. Detener Análisis Código BB
  20. Archivo Adjunto
  21. Spoiler
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.

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.portalcienciayficcion.com/foro/images/tf_ideal_dark/gray/statusicon/forum_new-48.png[/img] (No Enlazado)
    • [url=http://www.example.com] [img]http://www.portalcienciayficcion.com/foro/images/tf_ideal_dark/gray/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

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=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;29676]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 el análisis del código vB.

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

Spoiler

shows and hides text with the click of a button

  • [Spoiler]Valor[/Spoiler]
    Uso
  • [spoiler]enter your text here[/spoiler]
    Ejemplo de Uso
  • Ejemplo de Salida