Filtrar
En la categoria:

Bbcode - Tutorial

Hola, en este post les voy a tratar de explicar como funciona el bbcode

Wikipedia dijo:
BBCode proveniente del inglés Bulletin Board Code es un pequeño lenguaje usado en los foros para cambiar y editar la forma en que un mensaje (post) es mostrado. BBCode es una colección de marcadores de formato que se usan para cambiar la apariencia del texto en un foro. BBCode está basado en el mismo principio que HTML, y es muy similar a éste.



FORMATO

Negrita
Para poner un texto en negrita se coloca el texto entre las etiquetas [*n][/n] o[b][*/b] (negrita - bold)

Subrayado
Para subrayar un texto este debe ire entre las las etiquetas [*s][/s] o[u][*/u] (subrayado - underline)

Tachado
Para tachar un texto este debe ire entre las las etiquetas [*t][/t] o[s][*/s] (tachado - strike - trought)

Cursiva
Para escribir en cursiva se utilizan las etiquetas [*c][/c] o[i][*/i] (cursiva- italic)




ALINEACION


Para cambiar la alineacion de un texto se utiliza la etiqueta [align=***][/align]

Centrar

Para centrar un texto se utiliza la palabra center ([*align=center][/align])

Derecha

Para alinear un texto hacia la derecha se utiliza la palabra right ([*align=right][/align])

Justificar

Para obtener un texto justificado se utiliza la palabra justify ([*align=justify][/align])

Izquierda
Para alinear un texto hacia la izquierda no se utiliza ninguna etiqueta. Hay que verificar que no quede entre dos etiquetas de alineacion. por ejemplo

[*align=center]
soy un texto centrado
soy un texto a la izquierda
soy otro texto centrado
[/align]


Seria...

[*align=center]
soy un texto centrado
[/align] --->cierro
soy un texto a la izquierda
[*align=center]----> vuelvo a abrir
soy otro texto centrado
[/align]




FUENTE


Tamaño

Las etiquetas [size=**][/size] se utilizan para definir el tamaño del texto

pueden ser:

Miniatura
[*size=8][/size]

Normal
[*size=12][/size]

Normal+
[*size=14][/size] (viene por defecto)

Grande
[*size=20][/size]

Grandota
[*size=28][/size]

Inmensa
[*size=36][/size]

Color

Al igual que con el tamaño, nos permite cambiar el color del texto

algunos ejemplos son:

[*color=black][*/color]
[*color=brown][*/color]
[*color=maroon][*/color]
[*color=red][*/color]
[*color=orange][*/color]
[*color=yellow][*/color]
[*color=olive][*/color]
[*color=lime][*/color]
[*color=green][*/color]
[*color=teal][*/color]
[*color=aqua][*/color]
[*color=blue][*/color]
[*color=navy][*/color]
[*color=purple][*/color]
[*color=fuchsia][*/color]
[*color=gray][*/color]
[*color=silver][*/color]

Tambien se pueden usar colores personalizados, por ejemplo:

[*color=#7ECEF6][*/color]

el color utilizado es #7ECEF6, pueden usar cualquier color escribiendolo en formato hexadecimal, pueden elegir los que quieran de aca:

http://html-color-codes.info/codigos-de-colores-hexadecimales/

Fuente

Las fuentes se definen con la etiqueta [font=**][/font]

Pueden ser:

Arial
Courier New
Times New Roman[/font]
Verdana
Trebuchet MS
Lucida Sans
Comic Sans

Tambien se pueden usar fuentes personalizadas, como por ejemplo



pero solo la veran las personas que tengan esa fuente instalada en su computador.

La fuente que viene por defecto es "calibri", aunque no todas las computadoras la traigan instalada.


OTRAS


Imagenes


Para colocar imagenes se utiliza [*img][/img]
Dentro se debe colocar la ubicacion de la imagen.

Por ejemplo:

[*img]http://divandu.com.ar/img/logo.png[/img]

Nos mostraria




Animaciones flash
La forma de colocarlas es igual al de las imagenes, solo que estas animaciones tienen que estar con la extension .swf

la etiqueta es [*swf][/swf]

por ejemplo:

[*swf]http://www.soloenanos.com/juegos/parkinggarage.swf[*/swf]

seria:







Videos

YouTube

Para colocar videos de youtube se usan las etiquetas [*youtube][/youtube]
dentro se debe colocar el id del video, por ejemplo:

en el video
http://www.youtube.com/watch?v=_i2RCBa3l-g
el id seria
http://www.youtube.com/watch?v=_i2RCBa3l-g

entonces nos quedaria [*youtube]_i2RCBa3l-g[/youtube]

osea:






Google

con los videos de google sucede lo mismo, solo que las etiquetas serian [*gvideo][/gvideo]
Por ejemplo:

en el video
http://video.google.com/videoplay?docid=584245219634237178#
el id seria
http://video.google.com/videoplay?docid=584245219634237178#

entonces nos quedaria [*gvideo]584245219634237178[/gvideo]

osea:





Musica

Goear
Para insertar musica de Goear se utilizan las etiquetas [*goear][/goear]
dentro se coloca el id de la cancion. Por Ejemplo

Para la cancion
http://www.goear.com/listen/6c00d12/teenage-lobotomy-ramones
el id seria
http://www.goear.com/listen/6c00d12/teenage-lobotomy-ramones

nos quedaria [*goear]6c00d12[/goear]

osea:




Mp3

Para colocar una musica en mp3 se utiliza la etiqueta [*mp3][/mp3]
Dentro se debe colocar la ubicacion del archivo (en formato MP3)

Por ejemplo:

Para el archivo
http://www.uncleit.com/mp3/Ramones/Ramones/01%20Blitzkrieg%20Bop.mp3
deberiamos poner
[*mp3]http://www.uncleit.com/mp3/Ramones/Ramones/01%20Blitzkrieg%20Bop.mp3[/*mp3]

lo que nos quedaria



Citar

Para citar texto este debe ir entre las etiquetas [*quote]
por ejemplo
[*quote]"hola como estas?"...[*/quote]
nos quedaria
"hola como estas?"...


Tambien podemos indicar quien es el autor del texto citado, ej:

[*quote=fulanito]Colón descubrió América[*/quote]

nos quedaria:
fulanito dijo:
Colón descubrió América



Links

Para colocar un link se utiliza la etiqueta
donde **** es la ubicacion del enlace y dentro de las etiquetas el texto a mostrar

por ejemplo
[*url=http://google.com.ar]Ir a google[*/url]
Nos quedaria
Ir a google[*/url]

Tambien se puede colocar directamente el enlace sin reemplazarlo por un texto.
Por ejemplo:
[*url]http://google.com.ar[*/url]

quedaria como

[url]http://google.com.ar




Lineas
Para separar un Post se puedan usar lineas, como por ejemplo esta:


para eso se utiliza la etiqueta [*hr] sin cerrar

osea [*hr] nos da


Espero que este post los ayude, saludos a todos, y cualquier cosa pregunten
avatar de
divandu
Creado por dscafati (Administrador)
En la categoria: Divandu
0 Puntos
2010-07-22 20:21:37
4 visitas





Administrador
2010-07-24 01:09:40
tambien se pueden usar en los comentarios, aunque no esten todos los botones
Debe estar registrado para comentar
Top de la semana
No hay Posts con ptos. esta semana
Ultimos comentados
Creado por Dscafati