Sitio Juegos Tutoriales Recursos Foro Wiki

Lista de BB Code


BB Code
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 BB Code está 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 BB Code que puedes utilizar para fomatear tus mensajes.
Lista de BB Code
[b], [i], [u] Negrita / Itálica / Subrayar
[color] Color
[size] Tamaño
[font] Fuente
[highlight] Resaltar
[left], [right], [center] Izquierda / Derecha / Centro
[indent] Sangría
[email] Enlace de correo electrónico
[url] Hiperenlaces URL
[thread] Enlazando Temas
[post] Enlace de mensajes
[list] Listas con gráficos / Listas avanzadas
[img] Imágenes
[code] Código
[php] Código PHP
[quote] Cita
[noparse] Detener el análisis del BB Code
[attach] Archivo adjunto
[align] Cuadro de alineación
[button] Botón
[c] Citar autor
[caja] Caja (temp)
[celda] Celda única
[celda] Celda multicolumna
[col-1] Dos columnas: col-1
[col-2] Dos columnas: col-2
[css-div] Css div
[dado] dado
[dos-columnas] Dos columnas
[fila] Fila
[hr] HR
[img] Imagen con tamaño personalizado
[imgur] Imgur
[listn] Lista numerada
[mention] Mention
[persiana] Persiana
[porcentaje] Porcentaje
[RHT] ROMHackTube
[rol] Rol
[S] Tachado
[sc] SoundCloud Embebed Player
[script] Script
[spoiler] Spoiler sin título
[spoiler] Spoiler original
[tab] Pestaña (elemento)
[tabla] Tabla
[tabs] Pestañas (contenedor)
[voto-0] Voto-0
[voto-1] voto-1
[voto-2] voto-2
[voto-3] voto-3
[voto-4] voto-4
[voto-5] voto-5
[voto-6] voto-6
[voto-7] voto-7
[voto-8] voto-8
[voto-9] voto-9
[youtube] YouTube
Uso incorrecto del BB Code:
  • [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.
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

Fuente
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

Enlace 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]j.doe@example.com[/email]
[email=j.doe@example.com]Pulsar aquí para contactarme[/email]
Ejemplo de salida j.doe@example.com
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]https://whackahack.com/foro[/url]
[url=https://whackahack.com/foro]Whack a Hack Foro![/url]
Ejemplo de salida https://whackahack.com/foro
Whack a Hack Foro!

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 /foro/t-42918/tiles-animados
¡Pulsame!

Enlace 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 https://whackahack.com/foro/showthread.php?p=269302#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]https://whackahack.com/foro/images/statusicon/forum_new.gif[/img] (No Enlazado)

[url=http://www.example.com] [img]https://whackahack.com/foro/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";
} 

Cita
La etiqueta [quote] te permite citar texto que pertenece a alguien más.
Uso [quote]Cita[/quote]
[quote=Nombre]Valor[/quote]
Ejemplo de uso [quote]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe;451014]Lorem ipsum dolor sit amet[/quote]
Ejemplo de salida
Lorem ipsum dolor sit amet
Dicho por John Doe
Lorem ipsum dolor sit amet
Dicho por John Doe Ver mensaje
Lorem ipsum dolor sit amet

Detener el análisis del BB Code
La etiqueta [noparse] te permite detener el análisis del código vB.
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 vez 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

Cuadro de alineación
Permite alinear: left, right y center
Uso [align=Opción]Valor[/align]
Ejemplo de uso [align=center]Alinear al centro[/align]
Ejemplo de salida
Alinear al centro

Botón
Funciona como un enlace normal pero llama la atención más y se ve centrado.
Uso [button=Opción]Valor[/button]
Ejemplo de uso [button=/picall.php]Galería[/button]
Ejemplo de salida Galería

Citar autor
Etiqueta cite
Uso [c]Valor[/c]
Ejemplo de uso [c]Cervantes[/c]
Ejemplo de salida Cervantes

Caja (temp)
Caja div que permite aplicarle estilos CSS
Uso [caja=Opción]Valor[/caja]
Ejemplo de uso [caja=font-size:13px; border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background:url('http://bit.ly/bXTdqq') 10px center no-repeat #BDE5F8; color: #00529B]Contenido...[/caja]
Ejemplo de salida
Contenido...

Celda única
Celda de una tabla
Uso [celda]Valor[/celda]
Ejemplo de uso [tabla][fila][celda]1[/celda][celda]2[/celda][celda]3[/celda][/fila][/tabla]
Ejemplo de salida
123

Celda multicolumna
Celda con colspan
Uso [celda=Opción]Valor[/celda]
Ejemplo de uso [tabla][fila][celda=3]Uno dos y tres[/celda][/fila][/tabla]
Ejemplo de salida
Uno dos y tres

Dos columnas: col-1
Columna primera de dos columnas
Uso [col-1]Valor[/col-1]
Ejemplo de uso [col-1]Columna primera[/col-1]
Ejemplo de salida
Columna primera

Dos columnas: col-2
Columna segunda de dos columnas
Uso [col-2]Valor[/col-2]
Ejemplo de uso [col-2]Columna segunda[/col-2]
Ejemplo de salida
Columna segunda

Css div
Caja div que permite aplicarle estilos CSS
Uso [css-div=Opción]Valor[/css-div]
Ejemplo de uso [css-div=font-size:13px; border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background:url('http://bit.ly/bXTdqq') 10px center no-repeat #BDE5F8; color: #00529B;]Contenido...[/css-div]
Ejemplo de salida
Contenido...

dado
dado
Uso [dado]Valor[/dado]
Ejemplo de uso [dado][/dado]
Ejemplo de salida
dado

Dos columnas
Para dividir el contenido en dos columnas se debe envolver con esta etiqueta y utilizar dentro los bbcodes "col-1" y "col-2".
Uso [dos-columnas]Valor[/dos-columnas]
Ejemplo de uso [dos-columnas]Dos columnas[/dos-columnas]
Ejemplo de salida
Dos columnas

Fila
Fila de una tabla
Uso [fila]Valor[/fila]
Ejemplo de uso [tabla][fila][celda]1[/celda][celda]2[/celda][celda]3[/celda][/fila][fila][celda=3]Uno dos y tres[/celda][/fila][/tabla]
Ejemplo de salida
123
Uno dos y tres

HR
Etiqueta hr
Uso [hr]Valor[/hr]
Ejemplo de uso [hr][/hr]
Ejemplo de salida

Imagen con tamaño personalizado
Imagen con tamaño personalizado
Uso [img=Opción]Valor[/img]
Ejemplo de uso [img=10x20]http://URL.com[/img]
Ejemplo de salida

Imgur
Galería Imgur
Uso [imgur=Opción]Valor[/imgur]
Ejemplo de uso [imgur=bg4GQ]Test[/imgur]
Ejemplo de salida
Test

Lista numerada
N/A
Uso [listn=Opción]Valor[/listn]
Ejemplo de uso N/A
Ejemplo de salida N/A

Mention
Menciona a un usuario para que le avise de que han comentado sobre él en el post.
Uso [mention]Valor[/mention]
Ejemplo de uso [mention]Username[/mention]
Ejemplo de salida [@]Username;

Persiana
Crea un efecto persiana.
Uso [persiana=Opción]Valor[/persiana]
Ejemplo de uso [persiana=Prueba]Asdf[/persiana]
Ejemplo de salida

Prueba

Asdf

Porcentaje
Barra de porcentaje de progreso
Uso [porcentaje]Valor[/porcentaje]
Ejemplo de uso [porcentaje]99[/porcentaje]
Ejemplo de salida
99%

ROMHackTube
Incluir videos de Rom Hack Tube
Uso [RHT]Valor[/RHT]
Ejemplo de uso [RHT]1275841080983f8[/RHT]
Ejemplo de salida [RHT]1275841080983f8[/RHT]

Rol
Para el juego de Rol.
Uso [rol]Valor[/rol]
Ejemplo de uso [rol][/rol]
Ejemplo de salida

Tachado
Tacha el texto introducido.
Uso [S]Valor[/S]
Ejemplo de uso [s]Tachado[/s]
Ejemplo de salida [s]Tachado[/s]

SoundCloud Embebed Player
Comparte pistas de música o playlists completas directamente desde SoundCloud
Uso [sc]Valor[/sc]
Ejemplo de uso [sc]https://soundcloud.com/jamie-christie/rby-champion-battle[/sc]
Ejemplo de salida

Script
¡Organiza mejor la forma en la que muestras tus scripts al mundo!
Uso [script]Valor[/script]
Ejemplo de uso [script] org @inicio [/script]
Ejemplo de salida 

 org @inicio


Spoiler sin título
Pone un spoiler
Uso [spoiler]Valor[/spoiler]
Ejemplo de uso [spoiler]asdf[/spoiler]
Ejemplo de salida

Spoiler

asdf

Spoiler original
Spoiler desplegable
Uso [spoiler=Opción]Valor[/spoiler]
Ejemplo de uso [spoiler=Desplegable]Bla bla[/spoiler]
Ejemplo de salida

Desplegable

Bla bla

Pestaña (elemento)
Elemento de pestaña
Uso [tab=Opción]Valor[/tab]
Ejemplo de uso [tabs][tab=Tit]Contenido[/tab][/tabs]
Ejemplo de salida

Tit

Contenido

Tabla
Preparación de elementos de tabla
Uso [tabla]Valor[/tabla]
Ejemplo de uso [tabla][fila][celda]1[/celda][celda]2[/celda][celda]3[/celda][/fila][fila][celda=3]Uno dos y tres[/celda][/fila][/tabla]
Ejemplo de salida
123
Uno dos y tres

Pestañas (contenedor)
Pestañas de contenido
Uso [tabs]Valor[/tabs]
Ejemplo de uso [tabs][tab=Tit]Contenido[/tab][/tabs]
Ejemplo de salida

Tit

Contenido

Voto-0
Voto
Uso [voto-0=Opción]Valor[/voto-0]
Ejemplo de uso [voto-0=Hack]Argumento[/voto-0]
Ejemplo de salida
0

Hack

Argumento

voto-1
Voto
Uso [voto-1=Opción]Valor[/voto-1]
Ejemplo de uso [voto-1=Hack]Argumento[/voto-1]
Ejemplo de salida
1

Hack

Argumento

voto-2
Voto
Uso [voto-2=Opción]Valor[/voto-2]
Ejemplo de uso [voto-2=Hack]Argumento[/voto-2]
Ejemplo de salida
2

Hack

Argumento

voto-3
Voto
Uso [voto-3=Opción]Valor[/voto-3]
Ejemplo de uso [voto-3=Hack]Argumento[/voto-3]
Ejemplo de salida
3

Hack

Argumento

voto-4
Voto
Uso [voto-4=Opción]Valor[/voto-4]
Ejemplo de uso [voto-4=Hack]Argumento[/voto-4]
Ejemplo de salida
4

Hack

Argumento

voto-5
Voto
Uso [voto-5=Opción]Valor[/voto-5]
Ejemplo de uso [voto-5=Hack]Argumento[/voto-5]
Ejemplo de salida
5

Hack

Argumento

voto-6
Voto
Uso [voto-6=Opción]Valor[/voto-6]
Ejemplo de uso [voto-6=Hack]Argumento[/voto-6]
Ejemplo de salida
6

Hack

Argumento

voto-7
Voto
Uso [voto-7=Opción]Valor[/voto-7]
Ejemplo de uso [voto-7=Hack]Argumento[/voto-7]
Ejemplo de salida
7

Hack

Argumento

voto-8
Voto
Uso [voto-8=Opción]Valor[/voto-8]
Ejemplo de uso [voto-8=Hack]Argumento[/voto-8]
Ejemplo de salida
8

Hack

Argumento

voto-9
Voto
Uso [voto-9=Opción]Valor[/voto-9]
Ejemplo de uso [voto-9=Hack]Argumento[/voto-9]
Ejemplo de salida
9

Hack

Argumento

YouTube
Incluir videos de YouTube
Uso [youtube]Valor[/youtube]
Ejemplo de uso [youtube]OasDvGxhSG0[/youtube]
Ejemplo de salida


Extra
Estilo clásico
Contáctenos - Arriba
La franja horaria es GMT +1. Ahora son las 07:29.