¿Cómo dar formato al texto, pegar URLs e imágenes?


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 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

****

, p.e.:

**Hola**

Se convertirá en Hola
• Para subrayar use


[u]

[/u]

, p.e.:


[u]
Buenos Días
[/u]

se convierte en

Buenos Días

• Para italizar un texto use


[i]

[/i]

, p.e.:

"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


[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:

Hola

o

Hola

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


[size=0]

[/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:


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

será generalmente

PEQUEÑO

mientras que:


[size=7]
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:


[size=7]
**MIRAME**
[/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:

**
[u]
Esto es incorrecto**
[/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


[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:


[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


[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


[code]

[/code]

, p.e.:


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

Todos los formatos metidos entre las etiquetas


[code]

[/code]

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


[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


[list]

[/list]

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


[list]


[*]
Rojo

[*]
Azul

[*]
Amarillo

[/list]

Esto generará la siguiente lista:

[list]

[*]
Rojo

[*]
Azul

[*]
Amarillo
[/list]


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
[list=1]

[/list]
para crear una lista numerada o la opción
[list=a]

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


[list=1]


[*]
Ir de tiendas

[*]
Comprar computadora nueva

[*]
Maldecir computadora cuando se rompa

[/list]

Esto generará lo siguiente:

[list=1]

[*]
Ir de tiendas

[*]
Comprar computadora nueva

[*]
Maldecir computadora cuando se rompa
[/list]

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


[list=a]


[*]
La primera respuesta posible

[*]
La segunda respuesta posible

[*]
La tercera respuesta posible
[/list]

obteniéndose:

[list=a]

[*]
La primera respuesta posible

[*]
La segunda respuesta posible

[*]
La tercera respuesta posible
[/list]


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


[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:


[Visita phpBB]
(http://www.phpbb.com/)

Esto generará el siguiente link,
[Visita phpBB]
(http://www.phpbb.com/) 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:


[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”

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:


[email]
[email protected]
[/email]

que se visualizará como
[email protected]
o puede solo “tipear”

[email protected]

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

(ver proximo título),

****

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


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

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:

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

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


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

generará:

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


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


[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”.

Muy buena ayuda FLFH con esta ayuda me he enterado de cosas que ni sabia que existian! :wink:

Saludos.

gracias por esto flfh ahora ya se como poner imagenes jaja