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


 

Búsqueda avanzada

 Identificarse

Nombre de Usuario:


Contraseña:


Recordarme

 Paella Gigante

 Calendario

<< Oct. 2017 >>
Do Lu Ma Mi Ju vi Sa
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31

 Usuario aleatorio

CazaMenor
Avatar de Usuario
novato
novato

Registrado:22.Jul.2010
Mensajes:0

 El Equipo

Administradores
Pande

Moderadores
ImPrensaDo

 Los que mas escriben

Nombre de Usuario Temas
ImPrensaDo 136
Pande 94
Zulu 44
Casa Oleander 7
marcus 7
Charlie Parker 6
niki 6
Tiento 2

 Últimos miembros

Nombre de Usuario Registrado
Kisco Arrecife 26 Mar
La huerta de Martino 15 Mar
yamandu 14 Feb
paolacaballero 06 Ene
Tiento 22 Sep
El Galpon 21 Sep
El Rinconcito 21 Sep
El Coco 21 Sep

 Adjuntos

Nombre
 afiche-pirip-me...
Tamaño:529.09 KiB
Descargas:235

 afiche-pirip-me...
Tamaño:517.62 KiB
Descargas:103

 afiche-pirip-me...
Tamaño:517.62 KiB
Descargas:342

 afiche-pirip-me...
Tamaño:450.95 KiB
Descargas:237

 conclusiones-fi...
Tamaño:69.03 KiB
Descargas:95

 invitacion 2
Tamaño:52.07 KiB
Descargas:1876

 llamadas2010-3
Tamaño:98.23 KiB
Descargas:78

 llamadas2010-2
Tamaño:108.65 KiB
Descargas:78

 Estadísticas

Total
Temas totales 353
Temas totales 146
Total anuncios 0
Total fijos 7
Total adjuntos 25

Temas por día: 0
Mensajes por día: 0
Usuarios por día: 0
Temas por usuario: 3
Mensajes por usuario: 6
Mensajes por temas: 2

Usuarios totales 57
Nuestro Miembro más reciente es Kisco Arrecife

 Random image

anuncio-oleander
Nombre de la Imagen: anuncio-oleander
Subida por: Casa Oleander

 Última 4 visita de robots

Google [Bot]
Lun Oct 23, 2017 2:18 pm
Bing [Bot]
Lun Oct 23, 2017 10:01 am
Yahoo [Bot]
Mar Oct 17, 2017 11:41 am
Exabot [Bot]
Lun Oct 09, 2017 1:33 am