Código de ejemplo | Política de Cookies
Solicitamos su permiso para obtener datos estadísticos de su navegación en esta web, en cumplimiento del Real Decreto-ley 13/2012. Si continúa navegando consideramos que acepta el uso de cookies. OK | Más información

Guía BBCode
Introducción
¿Qué es el código BBCode?

Formato de texto
¿Cómo crear texto en negritas, cursiva o subrayado?
¿Cómo cambiar el color o tamaño de texto?
¿Puedo combinar las etiquetas de formato?

Haciendo citas de texto o código
Citar texto en las respuestas
Escribiendo código o texto de otro tamaño

Creando listas
Creando una lista desordenada
Creando una lista ordenada

Creando enlaces
Creando un hipervínculo a otro sitio

Publicando imágenes y archivos en mensajes
Agregando una imagen al mensaje
Agregando archivos adjuntos al mensaje

Otros
¿Puedo agregar mis propias etiquetas?

 

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]. Puedes 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 puedes 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 puedes 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 ti, 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 lo ha escrito! 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 despúes 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 has de 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 puedes 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, puedes utilizar las etiquetas:

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

    lo cual se visualizará nadie@dominio.dir o puedes simplemente escribir nadie@dominio.dir dentro de tu mensaje, convirtiéndose en un enlace.
Puedes 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 puedes 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, puedes agregar nuevos BBCodes desde el Panel del Administrador.

Arriba



cron
Dirigido por Guzzireal © Asociacion Nacional amigos de la Guzzi Hispania
Estilo creado por Guzzireal