CODIGO bbcode

El BBCode, es una especie de lenguaje de formateo del texto. Sirve para darle un formato al texto, y que sea mejor entendido que una simple seguidilla de caracteres.

Para aplicarlo tienen los botones entre el Asunto del mensaje y el mensaje que están escribiendo. A aquellos que usan firefox, les recomiendo leer este post, donde tienen un excelente plugin para BBcode.

Se llaman tags a la palabra o caracter entre corchetes, el BBCode, es similar al HTML, y hace uso de los tags. Hay tags de inicio y de fin de un formato, los de fin antes del caracter o palabra llevan una barra.

Si hacen click en un botón, automáticamente se agrega al final de lo que esta escrito el tag de apertura, y el boton muestra un *, señalando que se abrio un tag y no se incluyo el de cierre. Algunos tags tambien pueden ser agregados por atajos de teclado, si posan el mouse sobre el mismo, verán más info al respecto. Tambien, si aprietan el boton de un tag habiendo seleccionado un texto anteriormente, aplican dicho formato a ese texto.

Bueno, voy a tratar de explicarlos en el orden en que aparecen los botones.

Negrita (B):
Como todos conocen, la negrita resalta un texto con bordes mas gruesos. Se usa de la siguiente manera:

Código:

Código:

[b]Texto a resaltar[/b]


da como resultado:
Texto a resaltar.
El atajo de teclado para aplicar este formato es "Alt+b"

Itálicas (i): Este es otro viejo conocido, que sirve para resaltar el texto escribiendolo de forma inclinada.


Código:

Código:

[i]Texto a resaltar[/i]


Y da como resultado:
Texto a resaltar. El atajo es Alt+i

Subrayado (u): Bueno, todos saben lo que hace el subrayado, se usa así:

Código:

Código:


[u]Texto a Subrayar[/u]

, y nos muestra:
Texto a Subrayar.
Alt+u es el atajo del teclado

Cita (Quote): Sin dudas este es uno de los más utiles en el foro. Se utiliza para citar lo escrito por otra persona. Si se fijan cuando escriben un mensaje, abajo están los ultimos mensajes del thread. Para citar, lo que deben hacer es copiar la parte que quieren citar (Ctrl+C y Ctrl+V) dentro del cuadro de respuesta. Después seleccionan el texto a citar, lo sombrean, y hacen click en el boton "Quote" (o usan el atajo de teclado Alt+q). De esta forma lo que obtienen es un mensaje citado.

Código:

Código:

[quote]Mensaje de otro usuario que estamos citando[/quote]

Y el resultado es:
Cita: ‹ Seleccionar ›
Mensaje de otro usuario que estamos citando

Si queremos, ademas, que en la cita aparezca el autor original del mensaje (que digo "Fulano de tal dijo:"), tienen que agregar, dentro del tag de inicio, despues de la palabra Quote, un igual y el nombre del usuario a quien citan entre comillas, como vemos en el ejemplo que sigue

Código:

Código:


[quote="Fulano de Tal"]Mensaje de otro usuario que estamos citando[/quote]

Da como resultado:
Fulano de Tal escribió: ‹ Seleccionar ›
Mensaje de otro usuario que estamos citando


Enlace (url) Crea links a páginas externas. Se puede usar de dos formas distintas. Una es que la dirección sea el link, para lo cual se encierra la dirección entre los tags, como vemos a continuación.


Código:

Código:

[url]http://clancuo.forosactivos.net[/url]

Da como resultado: https://clancuo.forosactivos.net
La otra forma es que una palabra o frase sea el vínculo, para lo que hay que agregar, en el tag de inicio, luego de la palabra url, un igual y la dirección web de destino:


Código:

Código:

[url=http://clancuo.forosactivos.net]Clan CUO[/url]

Da como resultado:Clan CUO

Imagen (img): Sirve para linkear imágenes en el foro; las mismas no pueden subirse al foro, pero pueden usarse hosts gratuitos, como por ejemplo ImageShack para subirlas, luego se linkean.

Código:

Código:

[img]http://i45.servimg.com/u/f45/12/75/49/17/logo310.jpg[/img]

Da como resultado:

A aquellos usuarios que usan imageshack, de la pagina con los codigos, el que funciona bien es el segundo, que sería algo como lo que sigue:

Código:

Código:

[URL=http://clancuo.forosactivos.net][img]http://i45.servimg.com/u/f45/12/75/49/17/logo310.jpg[img][/URL]


Da como resultado



Listas (list): Sirve para hacer listas de items. Se pueden hacer listas sin ordenación, con una viñeta junto a cada item, como se muestra a continuación:


Código:

Código:

[list]
[*]Item x.
[*]Item y.
[/list]


Da como resultado:

• Item x.
  
  
• Item y.

También se pueden armar listas ordenadas de forma alfabética, agregando un "=a" luego de la palabra list en el tag de inicio, según:



Código:

Código:

[list=a]
[*]Item a.
[*]Item b.
[/list]


Da como resultado:

1. Item a.
   
2. Item b.
   

Y si la ordenación se quiere en forma numérica, en vez de un "=a" se agrega un "=1"



Código:

Código:

[list=1]
[*]Item 1.
[*]Item 2.
[/list]

Resulta en:

1. Item 1.
   
2. Item 2.
   

Códigos (code): Sirve para postear texto de ancho fijo sin formato; como por ejemplo códigos fuentes.

Código:

Código:

[code]Esto es código[/code]

Se ve: Código:

Código:

Esto es código


Color (idem): Sirve para colorear nuestros textos

Código:

Código:

[color=red]Esto es rojo[/color]


Esto es rojo

Código:

Código:

[color=#0000FF]Y esto es azul[/color]

Y esto es azul


Tamaño (size): Sirve para cambiar el tamaño de las letras

Código:

Código:

[size=20]Fuente en tamaño 20[/size]

Fuente en tamaño 20