Foro de culturismo, musculación, pesas, fitness y esteroides anabólicos

FLFH · por **FLFH** » Jue Mar 20, 2008 11:16 pm

Introducción

¿Qué es el BBCode?
El BBCode es una implementación especial de HTML. Si usted puede realmente usar BBCode en sus post en el foro es una decisión de la administración. Adicionalmente usted puede deshabilitar BBCode en sus bases para post informando a la administración. El BBCode en sí mismo es similar en estilo al HTML, las etiquetas están encerradas en corchetes (paréntesis cuadrados) [and] en vez de <and> y ofrecen un mayor control sobre qué y cómo algo es visualizado. Dependiendo de la plantilla que esté usando podría encontrar que usar el BBCode en sus post es mucho más fácil a través de una interfase “clickeable” sobre el área del mensaje en la zona de postear. Incluso con eso usted podría encontrar muy útil la siguiente guía.

Formateando un texto

¿Cómo crear un texto en negrillas, itálicas o subrayado?
El BBCode incluye etiquetas para permitirle hacer cambios rápidamente en el estilo básico de su texto. Esto se logra de las siguientes maneras:
• Para poner un fragmento del texto en negrillas encerrarlo en

Código: Seleccionar todo: [b][/b]

, p.e.:

Código: Seleccionar todo: [b]Hola[/b]

Se convertirá en Hola
• Para subrayar use

Código: Seleccionar todo: [u][/u]

, p.e.:

Código: Seleccionar todo: [u]Buenos Días[/u]

se convierte en Buenos Días
• Para italizar un texto use

Código: Seleccionar todo: [i][/i]

, p.e.:

Código: Seleccionar todo: "Esto es [i]¡Grandioso!"[/i]

dará "Esto es ¡Grandioso!"

________________________________________
¿Cómo cambiar el tamaño o color del texto?
Para alterar el color o tamaño del texto pueden usarse las siguientes etiquetas. Hay que tener en cuenta que la apariencia del texto dependerá del buscador y del sistema del usuario:
• Se logra cambiar el color del texto encerrandolo en

Código: Seleccionar todo: [color=][/color]

. Usted puede especificar o un nombre de color reconocido en inglés (p.e. red, blue, yellow, etc.) o la alternativa de tríada hexadecimal, p.e.: #FFFFFF, #000000. Por ejemplo, para crear un texto rojo puede usar:

Código: Seleccionar todo: [color=red]Hola[/color]

o

Código: Seleccionar todo: [color=#FF0000]Hola[/color]

Ambos se mostrarán como Hola
• Se logra cambiar el tamaño del texto de un modo similar usando

Código: Seleccionar todo: [size=][/size]

. Esta etiqueta depende de la plantilla que el usuario haya seleccionado pero el formato recomendado es el valor numérico representando el tamaño del texto en porcentaje, comenzando en 20 (muy pequeño) hasta 200 (muy grande) por defecto. Por ejemplo:

Código: Seleccionar todo: [size=30]PEQUEÑO[/size]

será generalmente PEQUEÑO

mientras que:

Código: Seleccionar todo: [size=200]ENORME[/size]

será ENORME

________________________________________
¿Puedo combinar etiquetas de formato?
Si, por supuesto que puede, por ejemplo, para obtener la atención de alguien puede escribir:

Código: Seleccionar todo: [size=200][color=red][b]MIRAME[/b][/color][/size]

y esto se verá como MIRAME

¡No recomendamos que la modificación se haga en un texto muy largo como este! Recuerde que es su elección, la del posteador, asegurarse de que las etiquetas estén cerradas correctamente. Por ejemplo, lo siguiente es incorrecto:

Código: Seleccionar todo: [b][u]Esto es incorrecto[/b][/u]

Citando y produciendo textos de anchos mixtos

Citando textos en respuestas
Hay dos modos en que puede citar un texto, con una referencia o sin ella.
• Cuando usted utiliza la función “Quote” para responder en un post debe notar que el texto añadido al mensaje está encerrado entre el bloque de etiquetas

Código: Seleccionar todo: [quote=" "][/quote]

. ¡Este método le permite citar con una referencia a una persona o cualquier otra cosa que seleccione poner! Por ejemplo para citar un segmento de texto que el Sr. Pérez le escribió, usted puede poner:

Código: Seleccionar todo: [quote="Sr. Pérez"]El texto que el Sr. Pérez escribió va aquí[/quote]

El producto resultante añadirá automáticamente “Sr. Pérez wrote:" antes del texto citado. Recuerde que debe incluir las comilas " " antes y después del nombre que está citando, no es opcional.
• El segundo método le permitirá citar algo a ciegas. Para utilizar este modo, encierre el texto escogido en las etiquetas

Código: Seleccionar todo: [quote][/quote]

. Cuando usted vea el mensaje, simplemente mostrará el texto con el bloque entre comillas.

________________________________________
Produciendo datos codificados o literales
Si usted quiere producir un segmento de texto codificado o de hecho algo que requiera expresarse de forma literal, p.e.: Letra tipo Courier debera encerrar el texto en las etiquetas

Código: Seleccionar todo: [code][/code]

, p.e.:

Código: Seleccionar todo: [code]repito "Esto es un código";[/code]

Todos los formatos metidos entre las etiquetas

Código: Seleccionar todo: [code][/code]

se mantienen cuando son vistas luego. La sintaxis PHP resaltada puede ser permitida utilizando las etiquetas

Código: Seleccionar todo: [code=php][/code]

y se recomienda cuando se postean ejemplos de códigos PHP porque mejoran la legibilidad.

Generando listas

Creando una lista sin orden específico
El BBCode tiene dos tipos de listas, sin orden y con orden. Ellas son esencialmente las mismas que las equivalentes de HTML. Una lista desordenada produce cada item en su lista secuencialmente uno después de otro marcando cada uno con un “bullet”. Para crear una lista desordenada usar las etiquetas

Código: Seleccionar todo: [list][/list]

y defina cada item en la lista usando [*]. Por ejemplo para enlistar sus colores favoritos podría usar:

Código: Seleccionar todo: [list] [*]Rojo [*]Azul [*]Amarillo [/list]

Esto generará la siguiente lista:

Rojo
Azul
Amarillo

________________________________________
Creando una lista ordenada
El segundo tipo de lista, una lista ordenada, le da el control sobre lo que está hacienda antes de cada ítem. Para crear una lista ordenada use

para crear una lista numerada o la opción

para una lista alfabética. Como en las listas sin orden, los items se especifican usando [*]. Por ejemplo:

Código: Seleccionar todo: [list=1] [*]Ir de tiendas [*]Comprar computadora nueva [*]Maldecir computadora cuando se rompa [/list]

Esto generará lo siguiente:

Ir de tiendas
Comprar computadora nueva
Maldecir computadora cuando se rompa

Mientras que para una lista alfabética podría usar:

Código: Seleccionar todo: [list=a] [*]La primera respuesta posible [*]La segunda respuesta posible [*]La tercera respuesta posible[/list]

obteniéndose:

La primera respuesta posible
La segunda respuesta posible
La tercera respuesta posible

Creando Links

“Linkeando” de otros portales
El phpBB BBCode tiene un cierto número de modos de crear URIs (Uniform Resource Indicators) mejor conocidos como URLs.
• El primero de estos modos usa las etiquetas

Código: Seleccionar todo: [url=][/url]

, y lo que usted tipee después del signo = causará que el contenido de esa etiqueta opere como un URL. Por ejemplo, para hacer un link a phpBB.com usted podría usar:

Código: Seleccionar todo: [url=http://www.phpbb.com/]Visita phpBB[/url]

Esto generará el siguiente link, Visita phpBB Por favor notar que el link abre en la misma ventana o una nueva ventan dependiendo de las preferencias del buscador del usuario.
• Si usted quiere el URL en sí mismo desplegado como link puede hacerlo simplemente usando:

Código: Seleccionar todo: [url]http://www.phpbb.com/[/url]

Esto generará el siguiente link, http://www.phpbb.com/
• Adicionalmente, las características phpBB llamadas a veces Magic Links, cambiarán cualquier corrección sintáctica URL en un link sin que usted necesite especificar ninguna etiqueta e incluso anteponer http://. Por ejemplo “tipeando”

Código: Seleccionar todo: http://www.phpbb.com

en su mensaje lo llevará automáticamente en su mensaje a http://www.phpbb.com produciéndose el link cuando se visualice el mensaje.
• Lo mismo aplica igualmente a las direcciones de e-mail. Usted puede especificar una dirección explícitamente, por ejemplo:

Código: Seleccionar todo: [email]no.one@domain.adr[/email]

que se visualizará como no.one@domain.adr o puede solo “tipear”

Código: Seleccionar todo: no.one@domain.adr

en el mensaje y el será automáticamente convertido cuando sea visualizado.
Como con todas las etiquetas BBCode usted puede encerrar la URLs con cualquier otra etiqueta como

Código: Seleccionar todo: [img][/img]

(ver proximo título),

Código: Seleccionar todo: [b][/b]

, etc. Como con las etiquetas de formatear es su responsabilidad asegurarse de seguir el correcto orden de apertura y cierre, por ejemplo:

Código: Seleccionar todo: [url=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/url][/img]

si no es correcto podría ocasionar que su post sea borrado, así que tenga cuidado.

Mostrando imágenes en posts

Agregando una imagen a un post
Los phpBB BBCode incorporan una etiqueta para incluir imagines en sus post. Dos cosas muy importantes que deber recordarse cuando se use esta etiqueta son: en primer lugar, muchos usuarios no ven montones de imagenes puestas en posts y en segundo lugar, la imagen que usted quiere mostrar debe estar disponible siempre en la internet (puede no existir solo en su computador por ejemplo, a menos que corra un servidor WEB). Para desplegar una imagen debe rodear el URL envolviento la imagen con las etiquetas . Por ejemplo:

Código: Seleccionar todo: [img]http://www.google.com/intl/en_ALL/images/logo.gif[/img]

Como se dijo en la sección URL arriba, usted puede encerrar una imagen en una etiqueta si lo desea, p.e.:

Código: Seleccionar todo: [url=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/img][/url]

generará:

________________________________________
Agregando anexos a un post
Los “anexos” ahora, pueden ser colocados en cualquier parte de un post usando las nuevas etiquetas del BBCode

Código: Seleccionar todo: [attachment=][/attachment]

, si la funcionalidad de “anexos” ha sido instalada por el administrador del portal y si usted tiene los permisos apropiados para crear anexos. En la pantalla de respuestas es una caja para arrastrar hacia abajo (o un botón) para poner los anexos en la línea.

Otros asuntos

¿Puedo agregar mis porpias etiquetas?
Si usted es un administrador en este portal y tiene los permisos adecuados, puede agregar más BBCodes desde la sección “Custom BBCodes”.