ForoRengo - LaRenga.com/Foro
F.A.Q.F.A.Q.  BuscarBuscar  RegístreseRegístrese  PerfilPerfil  Lista de MiembrosLista de Miembros  Grupos de UsuariosGrupos de Usuarios  Identifíquese para revisar sus mensajesIdentifíquese para revisar sus mensajes  ConectarseConectarse 

Guía de BBCode
Introducción
¿Qué es BBCode?

Formato del texto
Cómo crear texto en negrita, itálica y subrayado
Cómo cambiar el color o el tamaño del texto
¿Puedo combinar etiquetas de formato?

Citas y texto de ancho fijo
Citando texto en respuestas/mensajes nuevos
Para mostrar Código o texto de ancho fijo

Generar Listas
Crear una lista sin orden
Crear una lista ordenada

Creando enlaces
Enlazando a otros sitios

Mostrando imágenes en los mensajes
Agregar una imagen en un mensaje

Otros
¿Puedo agregar mis propias etiquetas?

 

Introducción
¿Qué es BBCode?
BBCode es una implementación especial de HTML. Que pueda hacer uso o no de BBCode en sus mensajes depende del administrador. Además, Ud. puede deshabilitar el BBCode individualmente en cada mensaje desde el formulario situado justo debajo del marco con el texto del mensaje propiamente dicho. BBCode es similar al HTML en su estilo: las etiquetas (tags) se encierran entre corchetes [ y ] en lugar de < y > y ofrece un mejor control sobre lo que se escribe y cómo se escribe. Dependiendo del estilo que use el foro puede encontrar que agregar BBCode es tan simple como pulsar en algunos botones en la interfaz de mensajes justo arriba de donde se escribe el texto del mismo. Aun existiendo esto, puede que esta guía le sea útil.
Volver arriba

Formato del texto
Cómo crear texto en negrita, itálica y subrayado
BBCode incluye etiquetas para permitir que usted cambie rápidamente el estilo básico de su texto. Esto se logra de las maneras siguientes:
  • Para hacer que una parte del texto esté en negrita lo encierra entre [b][/b], por ej.

    [b]Hola[/b]

    se verá Hola
  • Para subrayar use [u][/u], por ejemplo:

    [u]Buenos días[/u]

    se convierte en Buenos días
  • Para itálicas [i][/i], ej.

    Esto es [i]¡Muy Bueno![/i]

    devolverá Esto es ¡Muy Bueno!

Volver arriba
Cómo cambiar el color o el tamaño del texto
Para alterar el color o el tamaño de su texto se pueden utilizar las siguientes etiquetas. Tenga presente que el aspecto dependerá del navegador y sistema operativo que usen los visitantes de su foro:
  • Para cambiar el color del texto se encierra entre [color=][/color]. Puede especificar un color predefinido (ej. red, blue, yellow, etc.) o el valor hexadecimal alternativo, ej. #FFFFFF, #000000. Por ejemplo, para crear un texto rojo puede utilizar:

    [color=red]¡Hola![/color]

    o

    [color=#FF0000]¡Hola![/color]

    ambas se mostrarán ¡Hola!
  • Cambiar el tamaño del texto se hace de una manera muy similar usando [size=][/size]. Esta etiqueta es dependiente del estilo que esté usando pero el formato recomendado es el valor numérico que representa el tamaño del texto en píxeles, empezando en 1 (tan pequeño que no podrá leerlo) hasta 29 (muy grande). Por ejemplo:

    [size=9]PEQUEÑO[/size]

    normalmente será PEQUEÑO

    y:

    [size=24]¡GRANDE![/size]

    será ¡GRANDE!

Volver arriba
¿Puedo combinar etiquetas de formato?
Sí, por supuesto; por ejemplo para llamar la atención de alguien, escriba:

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

esto se mostrará ¡MÍRAME!

Aun así, recomendamos no configurar mucho texto para que se muestre de esta manera. Recuerde que depende de Ud., quien ingresa, verificar que todas las etiquetas están cerradas correctamente. Por ejemplo, el siguiente es incorrecto:

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

Citas y texto de ancho fijo
Citando texto en respuestas/mensajes nuevos
Hay dos maneras de que usted pueda citar texto: con una referencia o sin ella.
  • Cuando utiliza la función de Citar para contestar a un mensaje notará que el texto del ingreso está agregado al cuerpo del mensaje encerrado entre [quote=""][/quote]. Este método permite citar con una referencia a una persona o cualquier otra cosa que usted elija poner. Por ejemplo, para citar una parte del texto del Sr. Blobby:

    [quote="Sr. Blobby"]El texto del Sr. Blobby aquí[/quote]

    BBCode agregará automáticamente: Sr. Blobby escribió: antes del texto. Recuerde que usted < b>debe incluir las comillas "" encerrando el nombre de la persona que está citando -- no son opcionales.
  • El segundo método permite que usted cite algo sin incluir el autor. Para utilizar esto incluya el texto entre etiquetas [quote][/quote]. Cuando se vea la cita solo se verá: Cita: El texto de la cita.

Volver arriba
Para mostrar Código o texto de ancho fijo
Si quiere mostrar parte de texto de un código, o cualquier cosa que necesite estar dispuesto con un tipo de letra que sea de ancho fijo como la fuente Courier o similares, solo encierre esa parte del texto entre etiquetas [code][/code], ej.

[code]echo "Esto es código";[/code]

Todos los formatos utilizados dentro de las etiquetas [code][/code] se conservarán.
Volver arriba

Generar Listas
Crear una lista sin orden
BBCode soporta dos tipos de listas, ordenadas y sin orden. Estas son esencialmente las mismas que sus análogas en HTML. Una lista sin orden muestra cada item como de su lista secuencialmente uno después del otro clasificándolos con un carácter inicial. Para crear una lista sin orden use [list][/list] y defina cada item con [*]. Por ejemplo, para clasificar sus colores favoritos use:

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

Esto generará la siguiente lista:
  • Rojo
  • Azul
  • Amarillo

Volver arriba
Crear una lista ordenada
El segundo tipo de lista, una ordenada, le permite controlar qué aparece antes de cada item. Para crear una lista ordenada numéricamente use [list=1][/list] o use [list=a][/list] para ordenerla con letras. Igual que con las listas sin orden los items se especifican con [*]. Por ejemplo:

[list=1]
[*]Ir de compras
[*]Comprar un ordenador nuevo
[*]Insultar al ordenador cuando se cuelgue
[/list]

se mostrará así:
  1. Ir de compras
  2. Comprar un ordenador nuevo
  3. Insultar al ordenador cuando se cuelgue
Para una lista con orden de letras:

[list=a]
[*]La primera respuesta
[*]La segunda respuesta
[*]La tercera respuesta
[/list]

así
  1. La primera respuesta
  2. La segunda respuesta
  3. La tercera respuesta

Volver arriba

Creando enlaces
Enlazando a otros sitios
phpBB BBCode soporta varias maneras de crear enlaces URI, Uniform Resource Indicators más conocidos como URI's.
  • La primera es con etiquetas [url=][/url]; lo que se ingrese después del = será considerado como URL. Por ejemplo, para hacer un enlace a phpBB.com puede usar:

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

    Esto generará este enlace, ¡Visite phpBB! Notará que el enlace se abre en una nueva ventana permitiendo así que el usuario siga viendo el foro en que estaba.
  • Si quiere que se muestre la URL como su propio texto solo ingrese:

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

    Esto generará el siguiente enlace: http://www.phpbb.com/
  • Además, phpBB tiene una función especial llamada Enlaces Mágicos que convertirá cualquier URL sintácticamente correcta en un enlace sin necesidad de que Ud. agregue ninguna etiqueta e incluso sin anteponer http://. Por ejemplo escribiendo www.phpbb.com en su mensaje se convertirá en www.phpbb.com cuando vea el mensaje.
  • Lo mismo se aplica a direcciones de correo electrónico; puede especificar una dirección, como:

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

    que se verá nadie@dominio.com o puede simplemente ingresar nadie@dominio.com en su mensaje y será convertido.
Como en todas las etiquetas BBCode Ud. puede incluir unas en otras como por ejemplo [img][/img] (vea el siguiente tema), [b][/b], etc. Como con las etiquetas de formato, depende de Ud. cerrar correctamente todas las etiquetas. Por ejemplo:

[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/url][/img]

no es correcto y puede devenir en que su ingreso sea borrado. Tenga cuidado.
Volver arriba

Mostrando imágenes en los mensajes
Agregar una imagen en un mensaje
phpBB BBCode incluye etiquetas para incluir imágenes en sus mensajes. Dos cosas muy importantes a recordar cuando se agregan imágenes son: muchos usuarios creen molesto que se incluyan muchas imágenes en un mensaje y segundo, la imagen que Ud. quiera mostrar debe estar de antemano en internet (no sirve que esté solo en su máquina, a menos que Ud. dirija un sitio Web). Actualmente no hay manera de almacenar las imágenes en phpBB (se espera poder corregir esto en futuras versiones). Para mostrar una imagen debe encerrar su URL con las etiquetas [img][/img]. Por ejemplo:

[img]http://www.phpbb.com/images/phplogo.gif[/img]

Como se explica en la sección anterior se pueden incluir imágenes en las etiquetas [url][/url] si así lo desea, ej.

[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/img][/url]

generará:



Volver arriba

Otros
¿Puedo agregar mis propias etiquetas?
No, me temo que no directamente en phpBB 2.0. Se prevé ofrecer más personalización de BBCode en próximas versiones.
Volver arriba

Todas las horas están en GMT - 3 Horas

Saltar a:  


El ForoRengo anda gracias a phpBB © 2001, 2002 phpBB Group