Código BB

Explicación

El código BB es un conjunto de etiquetas, basadas en el idioma HTML que probablemente ya conoces. Dichas etiquetas permiten dar formato al texto de una forma parecida a cómo ocurre en HTML, pero tienen una sintaxis más simple, y nunca romperán la composición del foro. La posibilidad de utilizar los códigos BB puede ser configurada individualmente para cada foro por la administración. Por lo tanto, deberías comprobar las normas de publicación antes de escribir un nuevo mensaje.

A continuación encontrarás la lista de etiquetas BB que puedes utilizar para dar formato a tus mensajes.

Lista de códigos BB

  1. Negrita / Cursiva / Subrayar
  2. Color
  3. Tamaño
  4. Tipo de letra
  5. Resaltar
  6. Izquierda / Derecha / Centro
  7. Sangrado
  8. Enlace de correo electrónico
  9. Enlace URL
  10. Enlazado de hilos
  11. Enlazado de mensajes
  12. Listas no numeradas / Listas avanzadas
  13. Imágenes
  14. Vídeos
  15. Código
  16. Código PHP
  17. Código HTML
  18. Cita
  19. Detener procesamiento de código BB
  20. Archivo adjunto
  21. Cita de ecuaciones
  22. Flotar a la izqueirda
  23. Google Video
  24. Solución
  25. Tachado
  26. Código LaTeX
Uso incorrecto del código BB:
  • [url] www.example.com [/url] - no pongas espacio entre la etiqueta entre corchetes y el texto al que intentas aplicarlo.
  • [email]myname@domain.com[email] - La etiqueta de cierre debe incluir una barra ([/email])

Negrita / Cursiva / Subrayar

Las etiquetas [b], [i] y [u] te permite crear texto que aparecerá en negrita, cursiva y subrayado, respectivamente.

    • [b]Valor[/b]
    • [i]Valor[/i]
    • [u]Valor[/u]
    Uso
    • [b]este texto está en negrita[/b]
    • [i]este texto está en cursiva[/i]
    • [u]este texto está subrayado[/u]
    Ejemplo de uso
    • este texto está en negrita
    • este texto está en cursiva
    • este texto está subrayado
    Resultado

Color

La etiqueta [color] permite cambiar el color del texto.

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

Tamaño

La etiqueta [size] te permite cambiar el tamaño del texto.

  • [size=Opción]Valor[/size]
    Uso
  • [size=+2]este texto es dos veces más grande de lo normal[/size]
    Ejemplo de uso
  • este texto es dos veces más grande de lo normal
    Resultado

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
    Resultado

Izquierda / Derecha / Centro

Las etiquetas [left], [right] y [center] te permiten cambiar la alineación del 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
    Resultado

Sangrado

La etiqueta [indent] te permite sangrar el texto.

  • [indent]Valor[/indent]
    Uso
  • [indent]este texto está sangrado[/indent]
    Ejemplo de uso
  • este texto está sangrado
    Resultado

Enlace de correo electrónico

La etiqueta [email] te permite insertar un enlace a una dirección de correo electrónico. Puedes incluir un parámetro opcional para dar nombre al enlace.

Enlace URL

La etiqueta [url] te permite enlazar a otro sitios web o archivos. Puedes incluir un parámetro opcional para dar nombre al enlace.

Enlazado de hilos

La etiqueta [thread] te permite enlazar hilos especificando el ID del hilo. Puedes incluir un parámetro opcional para dar nombre al enlace.

Enlazado de mensajes

La etiqueta [post] te permite enlazar a mensajes especificando el ID del mensaje. Puedes incluir un parámetro opcional para dar nombre a tu mensaje

Listas no numeradas

La etiqueta [list] te permite crear listas simples, o con viñetas sin especificar una opción. Cada ítem de la lista se denotada por la etiqueta [*].

  • [list]Valor[/list]
    Uso
  • [list]
    [*]Ítem de lista 1
    [*]Ítem de lista 2
    [/list]
    Ejemplo de uso
    • Ítem de lista 1
    • Ítem de lista 2
    Resultado

Listas avanzadas

La etiqueta [list] te permite crear listas avanzadas especificando una opción. Los posibles valores son: '1' (para listas enumeradas), 'A' (para una lista ordenada alfabéticamente, letras mayúsculas), 'a' (para una lista ordenada alfabéticamente, en minúsculas), '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]
    [*]Ítem de lista 1
    [*]Ítem de lista 2
    [/list]

    [list=A]
    [*]Ítem de lista 1
    [*]Ítem de lista 2
    [/list]

    [list=a]
    [*]Ítem de lista 1
    [*]Ítem de lista 2
    [/list]
    Ejemplo de uso
    1. Ítem de lista 1
    2. Ítem de lista 2
    1. Ítem de lista 1
    2. Ítem de lista 2
    1. Ítem de lista 1
    2. Ítem de lista 2
    Resultado

Imágenes

La etiqueta [img] te permite incluir imágenes dentro de tus hilos, especificando su dirección completa en Internet. También puedes combinar esta etiqueta con la etiqueta [url] para hacer enlaces con imágenes.

  • [img]Valor[/img]
    Uso
    • [img]http://forum.lawebdefisica.com/images/statusicon/forum_new-48.png[/img] (No enlazado)
    • [url=http://www.example.com] [img]http://forum.lawebdefisica.com/images/statusicon/forum_new-48.png[/img] [/url] (Enlazado)
    Ejemplo de uso
    • (No enlazado)
    • (Enlazado)
    Resultado

Vídeos

La etiqueta [video] te permite encajar vídeos de varios servicios en la red en tus mensajes.

  • [video]Valor[/video]
    Uso
    • [video=youtube;eOUq4Z6R7xI]http://www.youtube.com/watch?v=eOUq4Z6R7xI[/video]
    Ejemplo de uso
    Resultado

Código

La etiqueta [code] cambia a un ancho fijo la letra (monoespaciado) y preserva todo el espaciado. Resulta muy útil para mostrar código de programación en un mensaje.

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

Código PHP

La etiqueta [php] funciona igual que la etiqueta [code], pero además proporciona resaltado de sintaxis para el código PHP. Aunque ha sido diseñado para PHP, puede resaltar correctamente otros idiomas 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";

    Resultado

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>
    Resultado

Cita

La etiqueta [quote] te permite citar texto que pertenece a otra persona.

    • [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;177671]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
    Resultado

Resaltar

La etiqueta [highlight] te permite dar énfasis a tu texto.

  • Uso
    [highlight]Valor[/highlight]
  • Ejemplo de uso
    [highlight]este texto está resaltado[/highlight]
  • Resultado
    este texto está resaltado

Detener procesamiento de código BB

La etiqueta [noparse] te permite escribir código BB en su interior sin que sea procesado por el sistema.

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

Archivo adjunto

La etiqueta [attach] te permite mostrar un archivo adjunto dentro de tu mensaje, en vez de al final. Sólo se mostrarán archivos adjuntos que pertenecen al mismo mensaje.

  • [attach]ID de archivo adjunto[/attach]
    Uso
  • [attach]12345[/attach]
    Ejemplo de uso
  • Resultado

Cita de ecuaciones

Ayuda a citar ecuaciones creadas con [tex=].

  • [eqref]Valor[/eqref]
    Uso
  • [eqref]1[/eqref]
    Ejemplo de uso
  • (1)
    Resultado

Flotar a la izqueirda

Alinea a la izquierda el texto contenido en la etiqueta.

  • [floatleft]Valor[/floatleft]
    Uso
  • [floatleft]Texto a la izquierda[/floatleft] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent sit amet ante eu dui pretium malesuada. Nulla vestibulum nisl. Phasellus.
    Ejemplo de uso
  • Texto a la izquierda
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent sit amet ante eu dui pretium malesuada. Nulla vestibulum nisl. Phasellus.
    Resultado

Google Video

Introducir un vídeo de Google Video.

  • [gvideo]Valor[/gvideo]
    Uso
  • [gvideo]-3737633960473679560[/gvideo]
    Ejemplo de uso
  • Resultado

Solución

Oculta parte del mensaje hasta que el lector hace click en él.

  • [solucion]Valor[/solucion]
    Uso
  • [SOLUCION]Texto de la solución[/SOLUCION]
    Ejemplo de uso
  • Contenido oculto
    Texto de la solución
    Resultado

Tachado

Permite escribir texto que tachado.

  • [strike]Valor[/strike]
    Uso
  • [strike]Esto no,[/strike] esto sí.
    Ejemplo de uso
  • Esto no, esto sí.
    Resultado

Código LaTeX

Introduce fórmulas matemáticas en LaTeX entre las etiquetas [TEX] y [/TEX]. Visita la página de prueba y ejemplos de LaTeX para practicar.

  • [tex]Valor[/tex]
    Uso
  • [TEX]E = m c^2[/TEX]
    Ejemplo de uso
  • E = m c^2
    Resultado