Guía BBCode

Introducción

¿Qué es el código BBCode?
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ás que es mucho más fácil añadir BBCodes a tus mensajes desde el área superior de la interfaz del formulario de publicación. Seguramente encontrás la siguiente guía muy útil.
Arriba

Formato de texto

¿Cómo crear texto en negritas, cursiva o subrayado?
BBCode incluye etiquetas que te permitirán cambiar rápidamente el estilo de los textos. Esta acción se puede lograr del siguiente modo:
  • Para crear un texto en negrita debes 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 utiliza [i][/i], ej.

    Esto es [i]¡Genial![/i]

    se convierte en Esto es ¡Genial!
Arriba

¿Cómo cambiar el color o tamaño de texto?
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és usando:
  • Para cambiar el color de un texto debes colocarlo entre [color=][/color]. podés especificar el color utilizando su nombre en inglés (ej. red, blue, yellow, etc.) o mediante la escritura de su código hexadecimal, ej. #FFFFFF, #000000. Por ejemplo, para crear un texto en color rojo podés 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!
Arriba

¿Puedo combinar las etiquetas de formato?
Sí, por supuesto, por ejemplo para llamar la atención de alguien podes escribir:

[size=150][color=red][b]¡MÍRAME![/b][/color][/size]

se convierte en ¡MÍRAME!

¡No recomendamos escribir demasiados textos como el del ejemplo! Recuerda que está en vos, 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]
Arriba

Haciendo citas de texto o código

Citar texto en las respuestas
Hay dos formas de citar un texto, haciendo o no referencia.
  • Cuando utilizas la función Citar para responder un tema debes de notar que el texto es agregado a la ventana de respuesta encerrado entre las etiquetas [quote=""][/quote]. ¡Este método te permite citar textos haciendo referencia a la persona que escribió! Por ejemplo para citar un trozo de texto que ha redactado Mr. Blobby debes 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 en si mismo. Recuerda que es imprescindible incluir las comillas "" para encerrar el nombre del usuario citado. No es opcional.
  • El segundo método te permite citar un texto ocultando su redactor. Para hacerlo debes encerrar el texto entre las etiquetas [quote][/quote]. Cuando veas el mensaje notarás que solamente se muestra el mensaje sin hacer referencia al autor.
Arriba

Escribiendo código o texto de otro tamaño
Si deseas incluir alguna clase de código dentro de tus textos debes 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.
Arriba

Creando listas

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

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

Se generará la siguiente lista:
  • Rojo
  • Azul
  • Amarillo
Arriba

Creando una lista ordenada
El segundo tipo de lista, la ordenada, te permite controlar qué va detrás de cada ítem (elemento). Para crear una lista ordenada debes 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
Arriba

Creando enlaces

Creando un hipervínculo a otro sitio
phpBB BBCode soporta muchas maneras de crear enlaces a otro sitio.
  • La primera de ella es utilizando las etiquetas [url=][/url], cualquier cosa que escribas después del signo = será interpretado por el BBCode como una dirección URL. Por ejemplo para crear un enlace a phpBB.com podes escribir:

    [url=http://www.phpbb.com/]¡Visita phpBB![/url]

    Se generará el siguiente enlace, Visita 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 debes 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 tu mensaje aparecerá www.phpbb.com cuando lo publiques.
  • Lo mismo ocurre con las direcciones de e-mail, podés utilizar las etiquetas:

    [email]nadie@dominio.dir[/email]

    lo cual se visualizará nadie@dominio.dir o podés simplemente escribir nadie@dominio.dir dentro de tu mensaje, convirtiéndose en un enlace.
podés incluir direcciones URL dentro de los demás BBCodes, como en [img][/img] (ver próxima explicación), [b][/b], etc. También recuerda que está en ti asegurarte 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 tu mensaje sea eliminado, así que ten cuidado.
Arriba

Publicando imágenes y archivos en mensajes

Agregando una imagen al mensaje
phpBB BBCode incluye una etiqueta para poder incorporar imágenes en los mensajes. Dos cosas importantes para cuando utilices 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 tu PC, ¡a menos que se trate de un servidor web!). Para publicar una imagen debes 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 podés incluir la dirección URL de una imagen entre las etiquetas [url][/url] si es que así lo deseas, ej.

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

se convierte en:

Arriba

Agregando archivos adjuntos al mensaje
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 posees los permisos necesarios. Dentro de la pantalla donde escribas los mensajes encontrarás un botón para incluir los archivos adjuntados en el mismo.
Arriba

Otros

¿Puedo agregar mis propias etiquetas?
Si perteneces a La Administración de este foro y posees los permisos apropiados, podes agregar nuevos BBCodes desde el Panel del Administrador.
Arriba