Autor Tema:  Tips para utilizar BBCODE  (Leído 706 veces)

0 Usuarios y 1 Visitante están viendo este tema.

{-[KyserBeta]-}

  • Calificación Total: (0)
  • GPT Adicto
  • *******
  • Mensajes: 3057
  • Antigüedad: 1517 dias
Tips para utilizar BBCODE
« : 04.10.2008 23:39 hs »
Últimamente he notado que muchos usuarios en sus firmas utilizan HTML en vez de BBCODE...

Lo primero una pequeña explicación y la historia del BBCode, proviene del inglés “Bulletin Board Code” y es un pequeño lenguaje usado en los foros (sin importar creador, idioma ni versión) utilizado para cambiar y editar la forma en que un mensaje es mostrado. BBCode es una colección de etiquetas que se usan para cambiar la apariencia del texto en un foro de una manera muy similar al lenguaje de marcas HTML que es el que habitualmente te usa para crear paginas web, este código de Edición de textos e imágenes mediante etiquetas fue creado por PhpBB para sus propios foros y finalmente se ha difundido en la gran mayoría de los foros web.

La forma de uso de estas etiquetas es siempre la misma, se empieza por una [etiqueta] que va entre corchetes y que abre el texto a modificar y se termina con otra idéntica a la primera pero con una barra inclinada a la derecha como esta: [/etiqueta] para indicar el fin del texto a modificar, además es posible usar varias etiquetas al mismo tiempo, como por ejemplo: [etiqueta_1][etiqueta_2] texto [/etiqueta_2][/etiqueta_1], mas abajo verás ejemplos concretos del uso de etiquetas bbcode.

La etiqueta
Código: [Seleccionar]
[b] se utiliza para que el texto quede en negrita o negrilla, así: EJEMPLO, recuerda que siempre para cerrar una etiqueta en BBCODE, sólo adicionas / (slash) antes de la palabra....

La etiqueta
Código: [Seleccionar]
[u] se utiliza para que el texto quede formateado con un línea abajo, así:
EJEMPLO.

La etiqueta
Código: [Seleccionar]
[i] se utiliza para que el texto quede en itálica, así:
EJEMPLO.

La etiqueta
Código: [Seleccionar]
[s][/s] tacha el texto así:
EJEMPLO

Las etiquetas de alineación de texto funcionan así:

Código: [Seleccionar]
[pre][/pre], en realidad no le encuentro explicación...    ::)
Código: [Seleccionar]
[left][/left], alinea el texto a la izquierda como normalmente se escribe...
Código: [Seleccionar]
[center][center][/center] centra el texto...
Código: [Seleccionar]
[right][right][/right] alinea el texto hacia la derecha...

Estas funciones son el equivalente en HTML a <left>, <right>, <center> (y sus respectivos cierres) o <p align=(center, left o right)></p>

Recuerda que lo que va entre  y [(slash)pre] o la etiqueta que utilices(left, center, right) es lo que quedará formateado...

Código: [Seleccionar]
[size=10pt] Esta etiqueta te permite modificar el tamaño de la letra tan sólo cambiando los puntos... de 10 al número que quieras... sin exagerar...

Su equivalente en HTML es <font size="#"></font>

Código: [Seleccionar]
[font=Verdana]
En el lugar de verdana puedes utilizar otra fuente..., así:
Código: [Seleccionar]
[font=Verdana]TEXTO[/font]
Si equivalente en HTML es <font face="Arial"></font>

Para cambiarle el color a la letra simplemente escribes entre:

Código: [Seleccionar]
[color=tucoloreninglés][/color]
Para enumerar con viñetas utilizas la función
 
Código: [Seleccionar]
[list][li][/list]
Por si deseas citar texto escrito por otra persona o simplemente quieres encerrar la letra en un cuadro utilizas la función:
Código: [Seleccionar]
[quote][/quote]Lo que va dentro de los "quote's" es lo que se verá dentro del recuadro, así:

Citar
EJEMPLO
ENTRE EL CUADRO

Además de poder modificar el texto puedes agregar imágenes y links...

Para poner una imagen:
Código: [Seleccionar]
[img]link a la imagen en el host[/img]
Para poner un link:

Código: [Seleccionar]
[url]URL de la web[/url]
También puedes combinar las funciones de link e imagen para crear un efecto igual al del <a href>http://link.com/</a>

Así:

Código: [Seleccionar]
[url=[color=brown]URL de la web[/color]][img][color=yellow]link a la imagen en el host[/color][/img][/url]
Equivalente en HTML, <a href="link"><img src="link a la imagen"></a>...

Espero esté lo suficientemente claro y de no serlo así, hágamenlo saber vía MP...
« Última Modificación: 05.10.2008 09:00 hs por kyserbeta »

cash

  • Calificación Total: (+1)
  • GPT Egresado
  • ******
  • Mensajes: 879
  • Antigüedad: 1374 dias
Re: Tips para utilizar BBCODE
« Respuesta #1 : 05.10.2008 00:08 hs »
Yo soy uno de los que tenia problemas para mostrar el banner en la firma ahora ya nota por lo que te agradezco.
Yo he vivido cosas que Uds. no creerian pero todos esos momentos se perderan en el tiempo como lagrimas en la lluvia.

santiclicker

  • Calificación Total: (0)
  • GPT Principiante
  • *
  • Default Avatar
  • Mensajes: 19
  • Antigüedad: 592 dias
Re:Tips para utilizar BBCODE
« Respuesta #2 : 11.10.2010 18:21 hs »
la verdad muy util. se agradece mucho!

Saludos

ketosaurio

  • Calificación Total: (0)
  • GPT Principiante
  • *
  • Mensajes: 10
  • Antigüedad: 443 dias
Re:Tips para utilizar BBCODE
« Respuesta #3 : 18.07.2011 22:04 hs »
Muchas gracias!

Zero5273

  • Calificación Total: (0)
  • GPT Principiante
  • *
  • Default Avatar
  • Mensajes: 3
  • Antigüedad: 301 dias
Re:Tips para utilizar BBCODE
« Respuesta #4 : 19.10.2011 10:59 hs »
Muy util, se agradece.

JarC

  • Calificación Total: (0)
  • GPT Iniciado
  • **
  • Mensajes: 42
  • Antigüedad: 434 dias
Re:Tips para utilizar BBCODE
« Respuesta #5 : 25.10.2011 12:56 hs »
esta muy util gracias