| 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 |
|
Como cambiar la fuente de texto
Para modificar la fuente de un texto en un post, debes usar el siguiente tag. Ten en cuenta que los resultados usando esta opción pueden variar dependiendo del navegador que utilices. - Para cambiar la fuente debes escribir el texto entre [font=] y [/font]. Debes especificar una fuente reconocida por tu navegador. Puedes elegir la fuente del menu pero tambien puedes poner la que creas necesaria escribiendo siempre: [font=NOMBRE DE LA FUENTE] Ejemplos: sans-serif, serif, monospace, cursive, fantasy. Ejemplo usando este BBCODE:
[font=monospace]Monospaced Text[/font].
El resultado en el post será: Monospaced text
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:
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í:- Ir de compras
- Comprar un ordenador nuevo
- 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í- La primera respuesta
- La segunda respuesta
- 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 sólo 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é sólo 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 |
|
Ocultar partes de texto en un mensaje
El BBcode Hide oculta partes de tu mensaje que los usuarios están viendo mediante un link, una vez clickeado en el link el texto se muestra. Este BBcode es de utilidad cuando posteamos imágenes grandes o cuando queremos ocultar información sobre el final de un libro. Con esta opción los visitantes deben confirman que desean ver la información.
[hide=Haz click para descubir el texto]Texto oculto[/hide]
generará lo siguiente:
Texto oculto
Para SPOILERS se ha creado un BBCode exclusivo.
Para mostrar spoilers debes utilizar este codigo [spoiler]Spoiler oculto[/spoiler]
Ejemplo:
Spoiler oculto al descubierto
Volver arriba |
|
What does the Glow BBCode do?
The [glow] [/glow] tags will add a glowing effect to the text. For example using:- [glow=yellow]This text is glowing![/glow]
will display as:
This text is glowing!
Volver arriba |
|
What does the Shadow BBCode do?
The [shadow] [/shadow] tags will add a shadowing effect to the text. For example using:- [shadow=blue]This text has a shadow![/shadow]
will display as:
This text has a shadow!
Volver arriba |
|
| Roleplaying Features |
Tirar dados en un post
Los Posts y mensajes privados pueden incluir una tirada de dadosPosts and private messages can also include dice rolls. Usando los tags [dice]...[/dice] una o mas tiradas de dados. El resultado de la tirada se mostrará en el post.
Comandos disponibles:- [dice](Dice Strings)[/dice]
- [dice="Roll Title"](Dice Strings)[/dice]
The Dice String parameter can include mutliple dice strings in the standard throw syntax.
Throw Syntax:- (Number of Dice)d(Type of Dice)
- (Number of Dice)d(Type of Dice)(+,-,x,*,/)(Modifier)
It may look complicated if you've never seen this sytem before, but it is actually quite easy to understand.
Optionally, you can specify an operation and modifier for each throw, as shown above. Supported operations are addition (+), subtraction (-), multiplication (* or x), and division (/).
Some Examples:- d6 - Throw a single 6-sided die.
- d20 - Throw a single 20-sided die.
- 2d20 - Throw two 6-sided dice.
- d100 - Somewhat special, throws two 10 sided die, and multiplies one by 10.. resulting in a range of 100
- d20+5 - Throw a 20-sided die and add 5 to the result.
- 4d20+10 - Throw four 20-sided dice and add 10 to the total.
Hopefully you understand.
Output Examples:
Here are a few instances of the 'Die' code in action, with the code above.
Totals are provided for convience, but obviously are not relevent to all throws.
Code: [dice]d20[/dice]
| Dice Roll: | Original Roll String: d20
20-Sided Dice Results: 6
|
Code: [dice="Fire Save"]2d20+10[/dice]
| Dice Roll - Fire Save: | Original Roll String: 2d20+10
20-Sided Dice Results: (4, 1) + 10 (Total = 15)
|
Code: [dice="Statistic Generation"]4d4+10 3d6x2 2d100 4d4+10[/dice]
| Dice Roll - Statistic Generation: | Original Roll String: d4+10 3d6x2 2d100 4d4+10
4-Sided Dice Results: (2) + 10 (Total = 12)
6-Sided Dice Results: (1, 4, 3) * 2 (Total = 16)
100-Sided Dice Results: 60+1(61), 30+1(31) (Total = 92)
4-Sided Dice Results: (1, 3, 4, 1) + 10 (Total = 19)
|
In case you are wondering, the numbers you see when you 'preview' will probably change when you go to post.
Dice Mod (version 1.1.0) by Jeff Leigh.
Volver arriba |
|
| Making Tables |
What do the [table] and [/table] tags do?
You use [table] and [/table] to start and end the table
Use [table] at the very beginning of the table,
and [/table] at the very end.
Volver arriba |
|
What does the [mrow] tag do?
You use [mrow] for a new row that starts with a header column (Centered, Bold text).
Note: [/mrow] is NOT required
For example:
[table][mrow]Main Row[/table]
Will show up as
Volver arriba |
|
What does the [mcol] tag do?
You use [mcol] for each new header column (Centered, Bold text).
Note: [/mcol] is NOT required
For example:
[table][mrow]Main Row Column 1[mcol]Main Row Column 2[col]Main Row Regular Column[/table]
Will show up as
| Main Row Column 1 | Main Row Column 2 | Main Row Regular Column |
Volver arriba |
|
What does the [row] tag do?
You use [row] for each new row (plain, uncentered)
Note: [/row] is NOT required
For example:
[table][mrow]Main Row[row]Regular Row[/table]
Will show up as...
Volver arriba |
|
What does the [col] tag do?
Use [col] to create a new column (plain, uncentered)
Note: [/col] is NOT required
For example:
[table][mrow]Main Row Column 1[mcol]Main Row Column 2[row]Regular Row Column 1[col]Regular Row Column 2[/table]
Will show up as
| Main Row Column 1 | Main Row Column 2 | | Regular Row Column 1 | Regular Row Column 2 |
Volver arriba |
|
Do I need to add closing tags for the [mrow], [mcol], [row], or [col] tags?
No, the Table BBCode is set up to eliminate the need for any closing tags other than the [/table] tag, which is required.
Volver arriba |
|
What are the different attributes?
You can use "color=" and "fontsize=" with any tag. You use them the same way you would an html attribute by seperating each tag with a single space. The order in which you use them does not matter.
Color
The "color=" attribute allows you to change the background color.
You can specify either a recognised colour name (eg. red, blue, yellow, etc.) or the hexadecimal triplet alternative, eg. #FFFFFF, #000000.
Example:
[table color=blue][mrow color=green]Main Row Column 1[mcol color=red]Main Row Column 2[row color=#00FF00]Regular Row 1 Column 1[col color=#FF0000]Regular Row 1 Column 2[row]Regular Row 2 Column 1[col]Regular Row 2 Column 2[/table]
Will show up as
| Main Row Column 1 | Main Row Column 2 | | Regular Row 1 Column 1 | Regular Row 1 Column 2 | | Regular Row 2 Column 1 | Regular Row 2 Column 2 |
Fontsize
The "fontsize=" attribute allows you to change the text size.
The default font size is set to the FONTSIZE3 setting in the current template, however this can be changed by using the attribute in the [table] tag.
Example:
[table fontsize=18][mrow fontsize=10]Main Row Column 1[mcol fontsize=14]Main Row Column 2[row fontsize=5]Regular Row 1 Column 1[col fontsize=28]Regular Row 1 Column 2[row]Regular Row 2 Column 1[col]Regular Row 2 Column 2[/table]
Will show up as
| Main Row Column 1 | Main Row Column 2 | | Regular Row 1 Column 1 | Regular Row 1 Column 2 | | Regular Row 2 Column 1 | Regular Row 2 Column 2 |
Volver arriba |
|
Todas las horas están en GMT + 2 Horas
|
|
|
