BBCode es una implementación especial del HTML, la forma en la que BBCode se usa es determinada por La Administración. Además se puede deshabilitar la opción de BBCode en un mensaje, desactivando la casilla correspondiente en el formulario de mensajes. BBCode asímismo es similar en estilo al HTML, pero los tags se encuentran encerrados entre corchetes [ y ] en lugar de < y > y ofrece un gran control sobre qué y cómo se visualiza algo. Dependiendo del estilo que utilice el foro, verá que es mucho más fácil añadir BBCodes a sus mensajes desde el área superior de la interfaz del formulario de publicación. Seguramente encontrá la siguiente guía muy útil.

BBCode incluye etiquetas que le permitirán rápidamente cambiar el estilo de los textos. Esta acción se puede lograr del siguiente modo:

• Para crear un texto en negrita debe encerrarlo entre [b][/b], ej.
  
  [b]Hola[/b]
  
  se convierte en Hola
• Para subrayar hay que usar [u][/u], por ejemplo:
  
  [u]Buenos Días[/u]
  
  se convierte en Buenos Días
• Para escribir en cursiva utilice [i][/i], ej.
  
  Esto es [i]¡Genial![/i]
  
  se convierte en Esto es ¡Genial!

Para cambiar el color o tamaño de un archivo se pueden utilizar las siguientes etiquetas. Igualmente hay que tener en cuenta que la apariencia final del texto va a depender del sistema y navegador que esté usando:

• Para cambiar el color de un texto debe colocarlo entre [color=][/color]. Puede especificar el color utilizando su nombre (ej. rojo, azul, amarillo, etc.) o mediante la escritura de su código hexadecimal, ej. #FFFFFF, #000000. Por ejemplo, para crear un texto en color rojo puede usar:
  
  [color=red]¡Hola![/color]
  
  o
  
  [color=#FF0000]¡Hola![/color]
  
  ambos se convierten en ¡Hola!
• Para cambiar el tamaño del texto se debe seguir un camino similar utilizando [size=][/size]. Esta etiqueta depende de la plantilla utilizada por el foro y/o seleccionada por el usuario, pero lo recomendable es escribir el valor numérico del tamaño de texto en porcentaje, empezando por 20 hasta llegar a 200 (muy grande). Por ejemplo:
  
  [size=30]Pequeño[/size]
  
  será Pequeño
  
  mientras que:
  
  [size=200]¡Grande![/size]
  
  será ¡Grande!

Sí, por supuesto, por ejemplo para llamar la atención de alguien puede escribir:

[size=150][color=red][b]¡MIREME![/b][/color][/size]

se convierte en ¡MIREME!

¡No recomendamos escribir demasiados textos como el del ejemplo! Recuerde que está en usted, como usuario, el asegurarse de que las etiquetas se encuentren correctamente cerradas. Por ejemplo lo siguiente es incorrecto:

[b][u]Esto está mal[/b][/u]

Este BBCode se usa para tachar una o varias palabras. Seleccionamos el texto que queremos tachar y hacemos clic sobre el boton .


Ejemplo:

Se vería así:
Prueba

Hay dos formas de citar un texto, haciendo o no referencia.

• Cuando utiliza la función Citar para responder un tema debe de notar que el texto es agregado a la ventana de respuesta encerrado entre las etiquetas [quote=""][/quote]. ¡Este método le permite citar textos haciendo referencia a la persona que lo ha escrito! Por ejemplo para citar un trozo de texto que ha redactado Mr. Blobby debe escribir:
  
  [quote="Mr. Blobby"]El texto que redactó Mr. Blobby va aquí[/quote]
  
  El texto resultante añadirá automáticamente, Mr. Blobby escribió: antes del texto actual. Recuerde que es imprescindible incluir las comillas "" para encerrar el nombre del usuario citado. No es opcional.
• El segundo método le permite citar un texto ocultando su redactor. Para hacerlo debe encerrar el texto entre las etiquetas [quote][/quote]. Cuando vea el mensaje verá que solamente se muestra el mensaje sin hacer referencia al autor.

Si desea incluir alguna clase de código dentro de sus textos debe encasillarlo entre las etiquetas [code][/code], ej.

[code]"Esto es un código"[/code]

Todos los formatos incluidos entre las etiquetas [code][/code] son conservados al visualizar el mensaje. Se puede resaltar sintaxis PHP usando [code=php][/code] y es recomendado cuando se publican ejemplos de códigos en PHP para mejorar su lectura.

BBCode soporta dos tipos de listas, ordenas y desordenadas. Son esencialmente iguales a las listas HTML. Una lista desordenada muestra cada ítem uno despúes del otro identificado con una viñeta. Para crear una lista desordenada debe utilizar [list][/list] definiendo cada item usando [*]. Por ejemplo, para armar una lista de sus colores favoritos ha de escribir:

[list]
[*]Rojo
[*]Azul
[*]Amarillo
[/list]

Se generará la siguiente lista:

• Rojo
• Azul
• Amarillo

El segundo tipo de lista, la ordenada, le permite controlar qué va detrás de cada ítem (elemento). Para crear una lista ordenada debe usar [list=1][/list] para crear una lista numérica o en su caso [list=a][/list] una lista alfabética. Como en las listas desordenadas, los ítems deben ser identificados usando [*]. Por ejemplo:

[list=1]
[*]Ir de compras
[*]Comprar un PC nuevo
[*]Llevar el PC a arreglar cuando se rompe
[/list]

generará lo siguiente:

1. Ir de compras
2. Comprar un PC nuevo
3. Insultar al PC cuando se rompe

para una lista alfabética usaría:

[list=a]
[*]Primera respuesta posible
[*]Segunda respuesta posible
[*]Tercera respuesta posible
[/list]

creando

1. Primera respuesta posible
2. Segunda respuesta posible
3. Tercera respuesta posible

phpBB BBCode soporta muchas maneras de crear enlaces a otro sitio.

• La primera de ella es utilizando las etiquetas [url=][/url], cualquier cosa que escriba después del signo = será interpretado por el BBCode como una dirección URL. Por ejemplo para crear un enlace a phpBB.com puede escribir:
  
  [url=http://www.phpbb.com/]¡Visite phpBB![/url]
  
  Se generará el siguiente enlace, Visite phpBB! El enlace se abrirá en una nueva ventana o no, dependiendo de la configuración del navegador.
• Si prefiere que el enlace aparezca como una simple dirección URL debe usar:
  
  [url]http://www.phpbb.com/[/url]
  
  Se generará de esta forma lo siguiente, http://www.phpbb.com/
• Phpbb incluye una característica llamada Links Mágicos, con lo que se convertirá el enlace en una dirección URL automáticamente sin necesidad de utilizar ninguna etiqueta. Por ejemplo, escribiendo www.phpbb.com en su mensaje aparecerá www.phpbb.com cuando lo publique.
• Lo mismo ocurre con las direcciones de e-mail, puede utilizar las etiquetas:
  
  [email]nadie@dominio.dir[/email]
  
  lo cual se visualizará nadie@dominio.dir o puede simplemente escribir nadie@dominio.dir dentro de su mensaje, convirtiéndose en un enlace.

Puede incluir direcciones URL dentro de los demás BBCodes, como en [img][/img] (ver próxima explicación), [b][/b], etc. También recuerde que está en usted asegurarse de que todas las etiquetas estén cerradas y ordenadas correctamente, por ejemplo:

[url=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/url][/img]

no es correcto ya que puede llevar a que su mensaje sea eliminado, así que tenga cuidado.

phpBB BBCode incluye una etiqueta para poder incorporar imágenes en los mensajes. Dos cosas importantes para cuando utilice esta etiqueta son: muchos usuarios no aprecian ver muchas imágenes dentro de un mensaje y, segundo, éstas deben estar disponibles en Internet (no pueden existir solo en su PC, ¡a menos que se trate de un servidor web!). Para publicar una imagen debe encerrar su dirección URL entre las etiquetas [img][/img]. Por ejemplo:

[img]http://www.google.com/intl/en_ALL/images/logo.gif[/img]

También puede incluir la dirección URL de una imagen entre las etiquetas [url][/url] si es que así lo desea, ej.

[url=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/img][/url]

se convierte en:

Los archivos adjuntos ahora pueden ser ubicados en cualquier parte de un mensaje utilizando el nuevo BBCode [attachment=][/attachment], si la función está habilitada por La Administración del foro y si posee los permisos necesarios. Dentro de la pantalla donde escriba los mensajes encontrará un botón para incluir los archivos adjuntados en el mismo.

Este BBCode se usa para reducir imágenes grandes. Crea una vista en miniatura que al hacer clic sobre ella se abre en una nueva ventana con la imagen en su tamaño real.

Para usarlo basta con poner la URL a una imagen, seleccionarla y hacer clic en el botón .

Ejemplo:

Este BBCode se usa para centrar un texto o una imagen. Para usarlo basta con seleccionar lo que deseamos centrar y hacer clic en el botón .

Este BBCode se usa para que un texto o imagen se desplace hacia la derecha. Para usarlo basta con seleccionar lo que deseamos que se desplace y hacer clic en el botón .

Este BBCode se usa para meter en un cuadro un texto o imagen. Para usarlo basta con seleccionar lo que deseamos encuadrar y hacer clic en el botón .

Podemos poner un texto como cabecera del recuadro escribiéndolo después del símbolo de igual.

Este BBCode se usa para insertar un archivo SWF (Flash).

Hacemos clic en el botón . Después del símbolo de igual hay que indicar el ancho y el alto del archivo Flash separando los valores por una coma. Solo falta copiar la URL del archivo Flash.

Si queremos insertar un vídeo de reproductores online (como Youtube, Metacafe, etc) tenemos que seguir los siguientes pasos:

1) Ir a la página donde se encuentra el vídeo.
2) Copiar el código embebido (Embded Code).
3) Copiar el enlace que hay en la propiedad 'src' (en rojo).



4) Pegar el enlace entre:



Ejemplo:

Con este BBCode podemos incrustar en un mensaje del foro un vídeo de la web de vídeos online Google Video. De esta forma podemos ver cómodamente el vídeo sin necesitar de entrar en http://www.video.google.com

En un mensaje nuevo o editado hacemos clic sobre el botón . Una vez hayamos hecho clic nos aparecerá dicho BBCode. Ahora tenemos que indicarle que vídeo queremos visualizar.

Para ello vamos a la web de Google Video y buscamos el vídeo que deseemos incrustar. Como ejemplo, vamos a buscar un vídeo de humor sobre gatos. Una vez realizada la búsqueda elegimos un vídeo (que tenga la G de Google, ya que hay en la pagina vídeos de Youtube y otras web).

Botón derecho sobre el enlace del vídeo> Copiar la ruta del enlace. Ahora volvemos a la página del foro y escribimos entre:



el texto que va detrás de 'docid='

Una vez hecho esto publicamos el tema y veremos que ya tenemos nuestro vídeo incrustado.

Ejemplo:

Quedaría así:

Con este BBCode podemos incrustar en un mensaje del foro un vídeo de la web de vídeos online Youtube. De esta forma podemos ver cómodamente el vídeo sin entrar en http://www.youtube.com

Usarlo es fácil, en un mensaje nuevo o editado hacemos clic sobre el botón . Ahora tenemos que indicarle que vídeo queremos visualizar.

Para ello vamos a la web de Youtube y buscamos el vídeo que deseamos incrustar. Como ejemplo, vamos a buscar un vídeo de humor sobre perros. Una vez realizada la búsqueda elegimos un vídeo y hacemos clic en More info y seleccionamos el texto de la caja llamada URL.

Ahora volvemos a la pagina del foro y escribimos entre:



el texto que va detrás de 'v='

Una vez hecho esto publicamos el tema y veremos que ya tenemos nuestro vídeo incrustado.

Ejemplo:

Se vería así:

Este BBCode se usa para insertar un archivo en formato FLV (Flash Video).

Muchas paginas web tienen vídeos subidos en sus servidores (no son de Youtube ni parecidos). Por eso hemos añadido este BBCode. Su facilidad de uso es media.

Lo más difícil es conseguir la URL del vídeo.

Para esto vamos a usar una extensión de Firefox. Se llama Video DownloadHelper.

Vamos a instalarla desde el propio Firefox, para eso hacemos clic en Herramientas>Complementos.

Hacemos clic en Obtener complementos, en el buscador escribimos Video DownloadHelper y pulsamos la tecla Enter del teclado.





Nos debería de aparecer el primero. Para instalarlo hacemos clic en el botón Añadir a Firefox....

Se abre una nueva ventana, esperamos la cuenta atrás y hacemos clic en Instalar ahora.




Una vez se ha instalado en la ventana de los complementos aparecerá un panel indicando que hay que Reiniciar Firefox para completar los cambios y el texto "Instalación completa".



Hacemos clic en el botón Reiniciar Firefox para cerrar el navegador. Esto hará que todas las pestañas de Firefox se cierren por lo que antes de hacerlo comprueba que no hay nada importante.

Automáticamente se volverá a abrir y nos notificara que la extensión ha sido instalada correctamente.

Cerramos la ventana de notificación.

Si nos fijamos, veremos en la barra del navegador un nuevo icono con 3 bolas de color gris.



Ahora esta inactivo ya que en la página que estamos visualizando no hay ninguna animación Flash. Cada vez que exista una o varias animaciones en la página ese icono aparecerá con color y se moverá para indicarnos.

Ahora entramos en la web donde esta el vídeo que deseamos insertar. Como ejemplo vamos a elegir ésta página.

Como veis el vídeo no es de Youtube ni de ningún otro servidor de vídeos por lo que no podemos incrustarlo en nuestro sitio.

Si nos fijamos en la barra superior, veremos que el icono con las 3 bolas de color esta activo y se esta moviendo. Eso indica que ha detectado el vídeo.

Para saber la URL del vídeo hacemos clic en la flecha que se encuentra junto a las 3 bolitas, seleccionamos el vídeo el cual queremos copiar la URL y elegimos la opción Copiar URL.





Ya tenemos la URL copiada en nuestro portapapeles.

En este caso la URL es la siguiente:


En el foro creamos un nuevo tema, una respuesta o editamos un tema ya existente.

Hacemos clic en el botón y pegamos el enlace que acabamos de copiar. Ya tenemos el vídeo incrustado en nuestro mensaje.

Ejemplo:

Se vería así:

Este BBCode se usa para insertar un reproductor de música perteneciente a la web de GoEar.

Los pasos a seguir son los siguientes:

1) Entramos en http://www.goear.com y hacemos una búsqueda de la canción que queremos insertar.
2) Una vez encontrada copiamos el código existente en el campo Share it!
3) Seleccionamos y copiamos solamente la parte del código que a continuación esta marcada en rojo:



4) Volvemos a la pagina del foro, hacemos clic en el botón y pegamos lo copiado en el paso anterior.

Ejemplo:

Quedaría así:



Nota: Si usamos Firefox y tenemos instalado el complemento "AdBlock Plus!" es probable que la canción no se oiga. Para solucionarlo basta con hacer clic en la pestaña donde pone "ABP" con una señal roja y seleccionar la opción "Desactivar en elbardealktodostemen.net".

Este BBCode se usa para insertar un reproductor de música perteneciente a la web de ListenGo.

Los pasos a seguir son los siguientes:

1) Entramos en http://www.listengo.com y hacemos una búsqueda de la canción que queremos insertar.
2) Una vez encontrada hacemos clic en "Compartir" y copiamos el código existente en el campo URL (Dirección):
4) Volvemos a la pagina del foro, hacemos clic en el botón y pegamos lo copiado en el paso anterior.

Ejemplo:

Quedaría así:

Un spoiler es una simpática persona que se dedica a contar todos los detalles de una película a personas que probablemente no la han visto todavía. Antes ocurría con los libros, pero ahora ocurre con las películas. El spoiler es ese personaje que nos cuenta quien ha sido el asesino de la película X, o como termina la película Y; quien se casa con la protagonista Z, quien mata al perro G, o cual es el secreto de esa receta con brócoli del cocinero Fulano.

Para evitar que nos digan que en el "Sexto Sentido" Bruce Willis... usamos este BBCode.

No sé tiene que usar para este motivo, si no que podemos usarlo para ocultar enlaces, textos, imágenes, vídeos incrustados, etc...

Para usarlo hacemos clic en el botón de y escribimos entre:



el texto, imagen o cosa que queramos ocultar.

Ejemplo:


Se vería así:

Este BBCode se usa para ocultar una parte de un mensaje. El usuario que no haya respondido a dicho mensaje verá una imagen de "Contenido Bloqueado" por lo que tendrá que responder al mensaje para ver lo que se encuentra oculto.

Para usarlo basta con seleccionar lo que deseamos ocultar y hacer clic en el botón .

Ejemplo:

Se vería así:

Modo oculto: Desactivado

Prueba

Si pertenece a La Administración de este foro y posee los permisos apropiados, puede agregar nuevos BBCodes desde el Panel del Administrador.