Foros del Web » Ayuda » Lista de Códigos BB
Código BB
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 de Códigos BB que puedes utilizar para fomatear tus mensajes.
Lista de Códigos BB
[b], [i], [u] Negrita / Itálica / Subrayar
[color] Color
[size] Tamaño
[font] Font (Tipo de Letra)
[highlight] Resaltar
[left], [right], [center] Izquierda / Derecha / Centro
[indent] Sangría
[email] Enlazado de Correo Electrónico
[url] Hiperenlaces URL
[thread] Enlazando Temas
[post] Enlazado de Mensajes
[list] Listas con Gráficos / Listas Avanzadas
[img] Imágenes
[code] Código
[php] Código PHP
[html] Código HTML
[quote] Cita
[noparse] Detener Análisis Código BB
[attach] Archivo Adjunto
[center] Center
[gmapstunait] GoogleMapsTunait
[google] Google
[highlight] Coloreado de Código
[inline] Código en línea
[jsfiddle] JSFiddle
[PIRATERIA] PIRATERIA
[respuesta] Respuesta
[S] Taclado
[seesmic] Seesmic
[skype] Skype
[SPAM] SPAM
[vimeo] Vimeo
[wiki] Wikipedia
[youtube] YouTube
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][email protected][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.
Uso [b]Valor[/b]
[i]Valor[/i]
[u]Valor[/u]
Ejemplo de Uso [b]este texto está en negritas[/b]
[i]este texto está en itálicas[/i]
[u]este texto está subrayado[/u]
Ejemplo de Salida este texto está en negritas
este texto está en itálicas
este texto está subrayado

Color
La etiqueta [color] te permite cambiar el color de tu texto.
Uso [color=Opción]Valor[/color]
Ejemplo de Uso [color=blue]este texto es azul[/color]
Ejemplo de Salida este texto es azul

Tamaño
La etiqueta [size] te permite cambiar el tamaño de tu texto.
Uso [size=Opción]Valor[/size]
Ejemplo de Uso [size=+2]este texto es dos veces más grande que lo normal[/size]
Ejemplo de Salida este texto es dos veces más grande que lo normal

Font (Tipo de Letra)
La etiqueta [font] te permite cambiar el tipo de letra de tu texto.
Uso [font=Opción]Valor[/font]
Ejemplo de Uso [font=courier]este texto está en el tipo de letra courier[/font]
Ejemplo de Salida este texto está en el tipo de letra courier

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

Izquierda / Derecha / Centro
Las etiquetas [left], [right] y [center] te permiten cambiar la alineación de tu texto.
Uso [left]Valor[/left]
[center]Valor[/center]
[right]Valor[/right]
Ejemplo de 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 Salida
este texto está alineado a la izquierda
este texto está alineado al centro
este texto está alineado a la derecha

Sangría
La etiqueta [indent] te permite escribir parrafos con sangría.
Uso [indent]Valor[/indent]
Ejemplo de Uso [indent]este texto tiene sangría[/indent]
Ejemplo de Salida
este texto tiene sangría

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.
Uso [email]Valor[/email]
[email=Opción]Valor[/email]
Ejemplo de Uso [email][email protected][/email]
[[email protected]]Pulsar Aquí para Contactarme[/email]
Ejemplo de Salida [email protected]
Pulsar Aquí para Contactarme

Hiperenlaces URL
La etiqueta [url] te permite enlazar a otro sitios web o archivos. Puedes incluir un parámetro opcional para 'nombrar' el enlace.
Uso [url]Valor[/url]
[url=Opción]Valor[/url]
Ejemplo de Uso [url]http://www.forosdelweb.com[/url]
[url=http://www.forosdelweb.com]Foros del Web[/url]
Ejemplo de Salida http://www.forosdelweb.com
Foros del Web

Enlazando Temas
La etiqueta [thread] te permite enlazar temas especificando el ID del tema. Puedes incluir un parámetro opcional para 'nombrar' tu enlace.
Uso [thread]ID del tema[/thread]
[thread=ID del tema]Valor[/thread]
Ejemplo de Uso [thread]42918[/thread]
[thread=42918]¡Pulsame![/thread]
(Nota: el ID del Tema/Mensaje es solo un ejemplo y no puede enlazar a un tema/mensaje.)
Ejemplo de Salida http://www.forosdelweb.com/showthread.php?t=42918
¡Pulsame!

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.
Uso [post]ID del mensaje[/post]
[post=ID del mensaje]Valor[/post]
Ejemplo de Uso [post]269302[/post]
[post=269302]¡Pulsame![/post]
(Nota: el ID del Tema/Mensaje es solo un ejemplo y no puede enlazar a un tema/mensaje.)
Ejemplo de Salida http://www.forosdelweb.com/f13/ayuda-urgente-107031/#post269302
¡Pulsame!

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 [*].
Uso [list]Valor[/list]
Ejemplo de Uso [list]
[*]listar artículo 1
[*]listar artículo 2
[/list]
Ejemplo de Salida
  • listar artículo 1
  • listar artículo 2

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).
Uso [list=Opción]Valor[/list]
Ejemplo de Uso [list=1]
[*]listar artículo 1
[*]listar artículo 2
[/list]

[list=a]
[*]listar artículo 1
[*]listar artículo 2
[/list]
Ejemplo de Salida
  1. listar artículo 1
  2. listar artículo 2
  1. listar artículo 1
  2. listar artículo 2

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.
Uso [img]Valor[/img]
Ejemplo de Uso [img]http://static.forosdelweb.com/fdwtheme/images/statusicon/forum_new.gif[/img] (No Enlazado)

[url=http://www.example.com] [img]http://static.forosdelweb.com/fdwtheme/images/statusicon/forum_new.gif[/img] [/url] (Enlazado)
Ejemplo de Salida (No Enlazado)

(Enlazado)

Código
La etiqueta [code] cambia a un ancho fijo la letra (monoespaciado) y preserva todo el espaciado.
Uso [code]Valor[/code]
Ejemplo de Uso [code]
<script type="text/javascript">
<!--
    alert("Hello world!");
//-->
</script>
[/code]
Ejemplo de Salida
Código:
<script type="text/javascript">
<!--
	alert("Hello world!");
//-->
</script>

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.
Uso [php]Valor[/php]
Ejemplo de Uso [php]
$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
    echo $myvar . "\n";
}
[/php]
Ejemplo de Salida
Código PHP:
$myvar 'Hello World!';
for (
$i 0$i 10$i++)
{
    echo 
$myvar "\n";


Código HTML
La etiqueta [html] te permite resaltado de sintaxis para el código HTML.
Uso [html]Valor[/html]
Ejemplo de Uso [html]
<img src="image.gif" alt="image" />
<a href="testing.html" target="_blank">Testing</a>
[/html]
Ejemplo de Salida
Código HTML:
<img src="image.gif" alt="image" />
<a href="testing.html" target="_blank">Testing</a> 

Cita
La etiqueta [quote] te permite citar texto que pertenece a alguien más.
Uso [quote]Cita[/quote]
[quote=Usuario]Valor[/quote]
Ejemplo de Uso [quote]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe;4838509]Lorem ipsum dolor sit amet[/quote]
Ejemplo de Salida
Cita:
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

Detener Análisis Código BB
La etiqueta [noparse] te permite detener de que el código vB sea analizado.
Uso [noparse][b]Valor[/b][/noparse]
Ejemplo de Uso [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
Ejemplo de Salida [b]Lorem ipsum dolor sit amet[/b]

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.
Uso [attach]ID de adjunto[/attach]
Ejemplo de Uso [attach]12345[/attach]
Ejemplo de Salida

Center
Uso [center]Valor[/center]
Ejemplo de Uso [center]sirve para centrar[/center]
Ejemplo de Salida
sirve para centrar

GoogleMapsTunait
Uso [gmapstunait]Valor[/gmapstunait]
Ejemplo de Uso [gmapstunait][/gmapstunait]
Ejemplo de Salida

Google
Uso [google]Valor[/google]
Ejemplo de Uso [google]Consulta[/google]
Ejemplo de Salida Consulta

Coloreado de Código
Colorea código usando GeSHi
Uso [highlight=Opción]Valor[/highlight]
Ejemplo de Uso [highlight=actionscript]Tu código aquí[/highlight]
Ejemplo de Salida
Código actionscript:
Ver original
  1. Tu código aquí

Código en línea
Dar formato de código a palabras dentro de un párrafo.
Uso [inline]Valor[/inline]
Ejemplo de Uso [inline]font-size[/inline]
Ejemplo de Salida font-size

JSFiddle
Insertar un fiddle en el foro
Uso [jsfiddle=Opción]Valor[/jsfiddle]
Ejemplo de Uso [jsfiddle={option}]{param}[/jsfiddle]
Ejemplo de Salida [jsfiddle={option}]{param}[/jsfiddle]

PIRATERIA
Uso [PIRATERIA]Valor[/PIRATERIA]
Ejemplo de Uso [PIRATERIA][/PIRATERIA]
Ejemplo de Salida [PIRATERIA][/PIRATERIA]

Respuesta
Crea un link hacia una respuesta en este tema.
Uso [respuesta=Opción]Valor[/respuesta]
Ejemplo de Uso [respuesta=12345]Link a mensaje[/respuesta]
Ejemplo de Salida Link a mensaje

Taclado
[S]Tachado[/S]
Uso [S]Valor[/S]
Ejemplo de Uso [S]Tachado[/S]
Ejemplo de Salida [S]Tachado[/S]

Seesmic
[seesmic]ID-del-video[/seesmic]
Uso [seesmic]Valor[/seesmic]
Ejemplo de Uso [seesmic]ID-del-video[/seesmic]
Ejemplo de Salida

Skype
Para hacer un enlace a una llamada con Skype.
Uso [skype=Opción]Valor[/skype]
Ejemplo de Uso [skype=usuario]Llamarme por Skype[/skype]
Ejemplo de Salida Llamarme por Skype

SPAM
Uso [SPAM]Valor[/SPAM]
Ejemplo de Uso [SPAM]El SPAM no está permitido[/SPAM]
Ejemplo de Salida [SPAM]El SPAM no está permitido[/SPAM]

Vimeo
[vimeo]ID-del-video[/vimeo]
Uso [vimeo]Valor[/vimeo]
Ejemplo de Uso [vimeo]ID-del-video[/vimeo]
Ejemplo de Salida

Wikipedia
Uso [wiki]Valor[/wiki]
Ejemplo de Uso [wiki]en la wikipedia[/wiki]
Ejemplo de Salida en la wikipedia

YouTube
[youtube]ID-del-video[/youtube]
Uso [youtube]Valor[/youtube]
Ejemplo de Uso [youtube]ID-del-video[/youtube]
Ejemplo de Salida


La zona horaria es GMT -6. Ahora son las 14:34.