lunes, enero 12, 2009

Insertar código BBCode en los foros

BBCode

Los internautas que utilizan foros phpBB seguramente conocerá los códigos BBCode. Estos códigos permiten escribir texto enriquecido con imágenes, cambios de tamaño, color, negrita, cursiva y hasta vínculos. Digamos que es un HTML simplificado de tal forma que cualquier usuario, experimentado o no, sea capaz de utilizarlo.

La forma de insertarlo es similar a la de HTML, abriremos las etiquetas con [etiqueta] y las cerraremos con [/etiqueta]. Por ejemplo, para poner una palabra en negrita:
[b]Negrita[/b]
Aquí les pondré una lista de las etiquetas BBcode más comunes:

Crear texto en negritas, cursiva o subrayado

[b][/b] para negritas, [u][/u] para subrayar y [i][/i] para cursivas, estas se pueden combinar entre si.

Cambiar el color o tamaño de texto

Para cambiar el color: [color=][/color], puede escribir el nombre del color en inglés o el código hexadecimal perteneciente a él, ej. #FFFFFF, #000000. para crear rojo [color=red]Hola![/color]. Cambiar el tamaño es similar: [size=][/size], utilizando números del 1 al 29.


Citar texto en las respuestas

Hay dos formas de hacerlo: con una referencia o sin ella, para hacerlo con referencia utiliza la opcion CITAR del foro al dar una respuesta, el mensaje a citar es anexado al suyo automáticamente como: [quote=""][/quote] El otro método (sin referencia) es poner una etiqueta parecida, pero agregando el autor del texto citado, es decir: [quote="Anita"]Lo que diga Anita debe ir aquí, recuerde incluir "" alrededor del nombre a citar, si no quiere incluir el nombre, solo encierre el texto entre las etiquetas [quote][/quote].

Crear una lista desordenada

BBCode soporta dos tipos de listas, desordenadas y ordenadas, es exactamente como en HTML, solo que con las siguientes etiquetas: Para una desordenada [list][/list], definiendo cada parte de la lista con [*]. Por ejemplo, para enlistar sus animales favoritos use [list][*]Vaca[*]Cuyo[*]Conejo[/list], esto generará algo como esto:

  • Vaca

  • Cuyo

  • Conejo


Crear una lista ordenada

El segundo tipo de lista es la ordenada, para crearla use [list=1][/list] para crear una lista con numeración o [list=a][/list] para una con orden alfabético, cada parte de la lista se especifica tambien con [*] Por ejemplo: [list=1][*]Vaca[*]Cuyo[*]Conejo[/list] generará algo como:

  1. Vaca

  2. Cuyo

  3. Conejo


Enlace a otro sitio

phpBB BBCode soporta varias formas de hacer un enlace, la primera es con [url=][/url], por ejemplo, para hacer un enlace a phpBB.com puede usar:

[url=http://ahoriuchi.blogspot.com/]Visita mi blog![/url], los enlaces se abrirán en una nueva ventana nueva.
Otra forma es: [url]http://ahoriuchi.blogspot.com/[/url].

Para hacer un enlace a un correo electrónico deberá poner: [email]alguien@sudireccion.com[/email] o simplemente teclear la direccion y se convertirá en un enlace. Puede combinarlo con la etiqueta [img][/img] para que el enlace sea una imagen, así:

[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/url][/img].


Agregar una imagen

Para poner una imagen simplemente escriba [img]URL[/img] donde URL es la dirección en donde está su imagen, por ejemplo:

[img]http://ahoriuchi.blogspot.com/images/suimagen.gif[/img], tambien puede generar enlaces de la siguiente forma: [url=][/url] así:

[url=http://ahoriuchi.blogspot.com/][img]http://ahoriuchi.blogspot.com/images/suimagen.gif[/img][/url].

Nota:


No puede agregar etiquetas personales en esta version de phpBB (2), seguramente será en versiones posteriores.

1 comentarios: