Foro Atlético de Madrid Foro Real Madrid CF Foro Fútbol Club Barcelona Foro Sevilla CF Foro Real Sociedad Foro Betis Foro Villarreal Foro Celta de Vigo Foro Granada Foro Athletic Club Bilbao Foro Osasuna Foro Valencia FC Levante Getafe Alavés Elche Foro RCD Espanyol Barcelona R.C.D. Mallorca Foro Rayo Vallecano

Código BB

Explicación

El código BB es un conjunto de etiquetas basadas en el lenguaje HTML del cual puedes estar ya familiarizado. Te permiten agregar formato a tus mensajes de la misma manera que lo hace el TML, pero tiene una sintaxis simple y nunca romperá el diseño de las páginas que estés viendo. La capacidad de utilizar el código BB está configurado basado en cada foro por el administrador, así que deberás revisar las reglas del foro al publicar un nuevo mensaje.

A continuación se muestra una lista de las etiquetas de códigos BB que puedes utilizar para dar formato a los mensajes.

Lista de códigos vB

  1. Negrita / Cursiva / Subrayado
  2. Color
  3. Tamaño
  4. Fuente
  5. Resaltar
  6. Izquierda / Derecha / Centrado
  7. Identación
  8. Enlazado de email
  9. Liga a una página
  10. Liga a una discusión
  11. Liga a un post
  12. Lista con viñetas / Listas avanzadas
  13. Imágenes
  14. Vídeos
  15. Codigo
  16. Código PHP
  17. Codigo HTML
  18. Citar
  19. Detener análisis de código BB
  20. Anexo
  21. Audio
  22. Goear
  23. Mention
  24. Mp3 Player
  25. Prensa
  26. Texto tachado
  27. bbspoiler
  28. Spoiler Personalizado
  29. Flash BB Code
  30. Twitter
  31. Vine
  32. Youtube
Uso incorrecto de código BB:
  • [url] www.example.com [/url] - No pongas espacios dentro del código en corchetes y el texto al que le estás aplicando el código.
  • [email][email protected][email] - los corchetes finales deben incluir una barra inclinada ([/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]este texto está alineado a la izquierda[/left]
    • [center]este texto está centrado[/center]
    • [right]este texto está alineado a la derecha[/right]
    Ejemplo
  • este texto está alineado a la izquierda
    este texto está centrado
    este texto está alineado a la derecha
    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

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 'nombrar' tu enlace.

Liga a una página

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

Liga a una discusión

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

Liga a un post

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

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]

    [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
    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 una liga.

  • [img]valor[/img]
    Uso
    • [img]http://www.mushofutbol.com/images/styles/RoyalFlush/statusicon/forum_new-48.png[/img] (Sin liga)
    • [url=http://www.example.com] [img]http://www.mushofutbol.com/images/styles/RoyalFlush/statusicon/forum_new-48.png[/img] [/url] (Con liga)
    Ejemplo
    • (Sin liga)
    • (Con liga)
    Resultado

Vídeos

La etiqueta [video] te permite insertar vídeos de varios servicios de vídeo dentro de tus mensajes.

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

Codigo

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
  • Codigo:
    <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

Codigo HTML

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
  • Codigo HTML:
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    Resultado

Citar

La etiqueta [quote] te permite citar texto que pertenece a alguien más.

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

Resaltar

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

  • Uso
    [highlight]valor[/highlight]
  • Ejemplo
    [highlight]este texto está resaltado[/highlight]
  • Resultado
    este texto está resaltado

Detener análisis de código BB

La etiqueta [noparse] te permite detener el análisis del código BB.

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

Anexo

La etiqueta [attach] te permite mostrar un archivo adjunto en tu mensaje y no en la parte inferior. Solo mostrará archivos adjuntos que pertenecen al mensaje en el que esto sea utilizado.

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

Audio

Para audios.

  • [audio]valor[/audio]
    Uso
  • Sin ejemplo
    Ejemplo
  • Sin ejemplo
    Resultado

Goear

Escuchar Goear en los posts

  • [goear]valor[/goear]
    Uso
  • [goear]http://www.google.com[/goear]
    Ejemplo
  • Resultado

Mention

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

  • [mention]valor[/mention]
    Uso
  • [mention]Username[/mention]
    Ejemplo
  • @Username;
    Resultado

Mp3 Player

Para insertar audios

  • [mp3]valor[/mp3]
    Uso
  • [mp3]http://www.url.com/track.mp3[/mp3]
    Ejemplo
  • Resultado

Prensa

Permite incrustar páginas webs, como noticias, dentro del propio post.

  • [prensa]valor[/prensa]
    Uso
  • [prensa]http://www.mundodeportivo.com/20130501/champions-league/barcelona-bayern/barca-bayern-champions-camp-nou_54371702762.html[/prensa]
    Ejemplo
  • Resultado

Texto tachado

Tachar texto

  • [s]valor[/s]
    Uso
  • [s]musho[/s]
    Ejemplo
  • musho
    Resultado

bbspoiler

Crea información oculta.

  • [spoiler]valor[/spoiler]
    Uso
  • [spoiler]The butler did it![/spoiler]
    Ejemplo
  •   Spoiler:  
    The butler did it!
    Resultado

Spoiler Personalizado

  • [spoiler-personalizado=Opción]valor[/spoiler-personalizado]
    Uso
  • [spoiler-personalizado=título que quiero poner]texto[/spoiler-personalizado]
    Ejemplo
  • Resultado

Flash BB Code

Description: This BB Code allowes to insert .swf animations into your posts or user's signatures.

  • [swf]valor[/swf]
    Uso
  • Example: [swf="height=100 width=400"]http://www.seusers.com/intro.swf[/swf]
    Ejemplo
  • Example: [swf="height=100 width=400"]http://www.seusers.com/intro.swf[/swf]
    Resultado

Twitter

Permite copiar tweets en el foro, que tomas de la etiqueta "Enlace" en twitter. Pincha en el lateral del tweet, luego pulsa en Detalles, luego en insertar tweet, y luego copia dentro de la etiqueta los números finales en el enlace que te sale al pulsar en "Enlace".

  • [twitter]valor[/twitter]
    Uso
  • [twitter]290097476772454400[/twitter]
    Ejemplo
  • Resultado

Vine

Colgar vídeos de Vine.

  • [VINE]valor[/VINE]
    Uso
  • [VINE]O72amEQHaxQ[/VINE]
    Ejemplo
  • Resultado

Youtube

Description - Use the movie code from the YouTube URL in your browser. For example, http://youtube.com/watch?v=JFwCCL0Vh6U

  • [YOUTUBE]valor[/YOUTUBE]
    Uso
  • [YOUTUBE]JFwCCL0Vh6U[/YOUTUBE]
    Ejemplo
  • Resultado