Todo lo que debes saber sobre los Códigos

¿Qué es el BBCode?

Código:


[b][u]Éste está mal.[/b][/u]
[b][u]Éste está bien.[/u][/b]


BBCodes Comunes

• [Tienes que estar registrado y conectado para ver este vínculo] Negrita: Puedes insertarlo con el botón o pulsando Ctrl + B.
  
  

  Código:

  [b]texto de ejemplo[/b]

  
  
  
  texto de ejemplo
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Cursiva: Puedes insertarla con el botón o pulsando Ctrl + I.
  
  

  Código:

  [i]texto de ejemplo[/i]

  
  
  
  texto de ejemplo
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Subrayar: Puedes insertarlo con el botón o pulsando Ctrl + U.
  
  

  Código:

  [u]texto de ejemplo[/u]

  
  
  
  texto de ejemplo
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Rayado: Puedes insertarlo con el botón o pulsando Ctrl + S.
  
  

  Código:

  [strike]texto de ejemplo[/strike]

  
  
  
  texto de ejemplo
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Centrado: El texto es alineado simétricamente al centro de la página. Puedes insertarlo con el botón .
  
  

  Código:

  [center]texto de ejemplo[/center]

  
  
  
  
  texto de ejemplo
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Alineado a la izquierda: Alinea el principio de la linea con el lado izquierdo del texto. Puedes insertarlo con el botón .
  
  

  Código:

  [left]texto de ejemplo[/left]

  
  
  
  
  texto de ejemplo
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Alineado a la derecha: Alinea el final de la linea con el lado derecho del texto. Puedes insertarlo con el botón .
  
  

  Código:

  [right]texto de ejemplo[/right]

  
  
  
  
  texto de ejemplo
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Justificado: Los espacios entre las palabras son alargados o estrechados para que la linea se alinee tanto en el lado izquierdo como en el derecho de del texto. Puedes insertarlo con el botón .
  
  

  Código:

  [justify]texto de ejemplo[/justify]

  
  
  
  
  El veloz murciélago hindú comía feliz cardillo y kiwi. La cigüeña toca el saxofón detrás del palenque de paja. El veloz murciélago hindú comía feliz cardillo y kiwi. La cigüeña toca el saxofón detrás del palenque de paja. El veloz murciélago hindú comía feliz cardillo y kiwi. La cigüeña toca el saxofón detrás del palenque de paja.
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Color de fuente: Cambia el color del texto. Puedes usar el nombre de los colores en inglés (red) o el código hexadecimal del color (#0000FF, que es el color azul). Puedes insertarlo con los botones y .
  
  

  Código:

  
[color=red]texto de ejemplo[/color]
[color=#0000FF]texto de ejemplo[/color]


  
  
  
  texto de ejemplo
  texto de ejemplo
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Tamaño de fuente: Cambia el tamaño del texto, en píxeles. Por defecto, es de 14px, y su máximo es 29 (30 ya no funcionará). Puedes insertarlo con el botón .
  
  

  Código:

  [size=21]texto de ejemplo[/size]

  
  
  
  texto de ejemplo
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Fuente: Cambia el tipo de fuente. No todas pueden ser usadas. Puedes ver una lista de las que se pueden usar con el botón .
  
  

  Código:

  
[font=Sporedom]texto de ejemplo[/font]


  
  
  
  texto de ejemplo
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Imagen: Muestra una imagen. Si es demasiado grande, se ajustará automáticamente al tamaño de la página. Debes poner el link directo de la imagen (Click derecho -> Copiar la ruta de la imagen). Puedes insertarlo con el botón . o subir una a Imgur con el botón .
  
  

  Código:

  [img]http://r16.imgfast.net/users/1615/20/07/68/smiles/263038969.png[/img]

  
  
  
  
  
  Puedes cambiar el tamaño de la imagen especificando el ancho y la altura en píxeles (no pongas espacios después de la coma!):
  
  

  Código:

  [img(35,35)]http://r16.imgfast.net/users/1615/20/07/68/smiles/263038969.png[/img]

  
  
  
  
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] URL: Muestra un enlace que al pulsarlo, te lleva a la página deseada. Pueds insertarlo con el botón .
  
  

  Código:

  [url]http://www.sporepedia2.com/[/url]

  
  
  
  [Tienes que estar registrado y conectado para ver este vínculo]
  
  También puedes hacer que el enlace muestre un contenido diferente (texto/imagenes):
  
  

  Código:

  [url=http://www.sporepedia2.com/]¡Visita la Sporepedia2![/url]
[url=http://www.sporepedia2.com/f3-reglas][img]http://i.imgur.com/iNjqTUn.png[/img][/url]

  
  
  
  [Tienes que estar registrado y conectado para ver este vínculo]
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Vídeo: Muestra un video de youtube. Puedes insertarlo con el botón .
  
  

  Código:

  [youtube]http://www.youtube.com/watch?v=KMU0tzLwhbE[/youtube]

  
  
  
  
  
  También puedes poner un video de Dailymotion, aunque poniendo solo el código justo después de [Tienes que estar registrado y conectado para ver este vínculo]. Puedes insertarlo con el botón :
  Por ejemplo, del video [Tienes que estar registrado y conectado para ver este vínculo]
  
  

  Código:

  [dailymotion]x2ugops[/dailymotion]

  
  
  
  
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Code: Muestra el texto en un rectangulo. Nada dentro de él será interpretado como BBCode/HTML. Puedes insertarlo con el botón .
  
  

  Código:

  [code]Esto es un ejemplo de [b]negrita[/b].[/code]




  
  
  
  

  Código:

  Esto es un ejemplo de [b]negrita[/b].

  
  
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Spoiler: Esconde el contenido, que solo será visible si se abre el spoiler. Puedes insertarlo con el botón .
  
  

  Código:

  [spoiler]texto de ejemplo

[img]http://r16.imgfast.net/users/1615/20/07/68/smiles/263038969.png[/img]

Un spoiler puede tener todo tipo de contenido, incluidos otros spoilers.[/spoiler]

  
  
  
  

  Spoiler:

  
  También puedes darle un título:
  
  

  Código:

  [spoiler="Spoiler con título"]texto de ejemplo[/spoiler]

  
  
  
  

  Spoiler con título:

  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Cita: Crea una cita. Puedes insertarlo con el botón .
  
  

  Código:

  [quote]texto de ejemplo[/quote]




  
  
  
  

  texto de ejemplo

  
  
  
  También puedes poner un autor a la cita:
  
  

  Código:

  [quote="El usuario X"]texto de ejemplo[/quote]




  
  
  
  

  El usuario X escribió:texto de ejemplo

  
  
  

BBCodes Avanzados

• [Tienes que estar registrado y conectado para ver este vínculo] Lista: Crea una lista con múltiples elementos. Todos los elementos deben empezar con un [.*]. Puedes insertarla con el botón .
  
  

  Código:

  
[list]
[*] Elemento 1
Esto aún es el elemento 1.
[*] Elemento 2[/list]


  
  
  
  
  
  
  • Elemento 1
    Esto aún es el elemento 1.
    
  • Elemento 2
  
  
  También puedes crear listas enumeradas, especificando el tipo de enumeración en el BBCode. Con el botón insertarás una lista usando números como enumeración.
  
  

  Código:

  
[list=1]
[*] Primer elemento[/list]
[list=a]
[*] Primero elemento[/list]
[list=I]
[*] Primer elemento[/list]


  
  
  
  
  
  
  1. Primer elemento
  
  
  
  
  1. Primero elemento
  
  
  
  
  1. Primer elemento
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Tabla: Crea una tabla que contiene hileras. Las hileras se crean con el BBCode tr, y deben contener celdas (td). El botón insertará una tabla con una sola hilera con una sola celda.
  
  

  Código:

  [table]
[tr]
[td]Celda 1[/td]
[td]Celda  2[/td]
[/tr]
[tr]
[td]Celda 1[/td]
[td]Celda 2[/td]
[/tr]
[/table]

  
  
  
  

  Celda 1	Celda 2
  Celda 1	Celda 2

  
  Por defecto las tablas no tienen borde. Puedes añadirle usando el atributo border:
  
  

  Código:

  
[table border="3"]
[tr]
[td]Tabla con un borde más grueso[/td]
[/tr]
[/table]


  
  
  
  

  Tabla con un borde más grueso

  
  También puedes personalizar ciertos aspectos de la tabla. El orden da igual, y no es necesario que esten todos:
  border -> Determina el tamaño del borde.
  bordercolor -> Determina el color del borde.
  cellpadding -> Añade píxeles en blanco dentro de cada celda.
  cellspacing -> Determina el espacio entre celdas (osea, el grosor del borde).
  bgcolor -> Determina el color del fondo. También funciona en celdas (td).
  background -> Pone la imagen como fondo de la tabla. También funciona en celdas (td).
  
  Algunos son expecíficos de celdas:
  rowspan -> Especifíca el número de hileras que esa celda ocupa.
  colspan -> Especifíca el número de casillas que esa celda ocupa.
  
  

  Código:

  [table border="2" cellpadding="20" cellspacing="30" bgcolor=white]
[tr]
[td]cellpadding añade pixeles en blanco después del contenido[/td]
[td]cellspacing especifíca el espacio entre celdas[/td]
[/tr]
[tr]
[td colspan="2"]Esta celda tiene colspan 2[/td]
[/tr]
[/table]

  
  
  
  

  cellpadding añade pixeles en blanco después del contenido	cellspacing especifíca el espacio entre celdas
  Esta celda tiene colspan 2

Otros BBCodes

• [Tienes que estar registrado y conectado para ver este vínculo] Cabeceras: Formata el texto como un header (cabecera). Puedes insertarlo con el botón .
  
  

  Código:

  
[h2]Heading 2[/h2]
[h3]Heading 3[/h3]
[h4]Heading 4[/h4]


  
  
  
  

  Heading 2

  Heading 3

  Heading 4

  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Linea: Dibuja una linea. Puedes insertarla con el botón .
  
  

  Código:

  [hr]

  
  
  
  

  ---

  
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Índice: Escribe un índice, más abajo del texto. Puedes insertarlo con el botón .
  
  

  Código:

  H[sub]2[/sub]O

  
  
  
  H₂O
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Exponente: Escribe un exponente, más arriba del texto. Puedes insertarlo con el botón .
  
  

  Código:

  x[sup]2[/sup]

  
  
  
  x²
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Desplazamiento horizontal: Mueve el texto de derecha a izquierda. Puedes insertarlo con el botón .
  
  

  Código:

  [scroll]texto de ejemplo[/scroll]

  
  
  
  texto de ejemplo
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Desplazamiento vertical: Mueve el texto de abajo a arriba. Puedes insertarlo con el botón .
  
  

  Código:

  [updown]texto de ejemplo[/updown]

  
  
  
  texto de ejemplo
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Número aleatorio: Crea un comentario de El Señor de los Dadillos con un número aleatorio entre el rango seleccionado. Puedes insertarlo con el botón .
  
  Solo puedes usarlo en determinados juegos. ¡Abusar de este código supondrá un castigo!
  
  

  Código:

  [rand]50, 100[/rand]

  
  
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Ocultar: Oculta el texto, que solo será visible para moderadores y admins. Puedes insertarlo con el botón .
  
  

  Código:

  [hide]texto de ejemplo[/hide]

  
  
  
  
  
  
  
• [Tienes que estar registrado y conectado para ver este vínculo] Flash: Permite poner una animación flash. Puedes insertarlo con el botón .
  
  

  Código:

  [flash(largo,ancho)]http://direccion_flash.swf[/flash]
[flash(200,60)]http://illiweb.com/fa/i/test_bbcode.swf[/flash]

  
  
  
  [Tienes que estar registrado y conectado para ver este vínculo]
  
  

¿Puedo usar HTML?