¡Aprende BBCode! ~ [En construcción]

[Sirgebet, la leyenda]

Bulletin Board Code

¿Qué es BBCode?
BBCode proveniente del inglés Bulletin Board Code es un lenguaje de marcas ligero utilizado preferentemente en foros de discusión y e-mails para embellecer la forma en que un mensaje o post es presentado.
Los BBCodes no pueden ser interpretados directamente por un navegador web, por lo que es el propio sistema del foro el que se encarga de traducir el contenido marcado en BBCode hacia un lenguaje que los navegadores web puedan entender, ya sea HTML o XHTML.
BBCode no se encuentra oficialmente regulado, pero debido a su amplia utilización se ha convertido en un estándar de facto, así como en un estándar de mejor práctica actual.
¿Porqué BBCode?
BBCode fue ideado para proporcionar un mecanismo que permitiera a los usuarios mejorar la presentación de sus mensajes de una manera más segura, más sencilla y más limitada. Previamente muchos foros permitían el uso de HTML, con el efecto colateral de que si había HTML mal escrito se trastornaba toda la distribución de la página, o el HTML podía ser usado para incluir JavaScript lo que causa graves problemas de seguridad al permitir ataques XSS.
Sin embargo algunas implementaciones de BBCode han sufrido problemas relacionados con el modo en que traducen el BBCode a HTML, lo que podría contradecir la seguridad que se intentaba dar con BBCode. Una alternativa es un filtro HTML correctamente escrito (muchos de los cuales están libremente disponibles).
A pesar de las etiquetas básicas de BBCode son similares en la mayoría del software para foros de Internet, de hecho no existe un documento que estandarice los BBCode y como consecuencia hay muchas variantes muchas veces incompatibles entre sí. Algunas variantes distinguen entre mayúsculas y minúsculas en los nombres de las etiquetas, mientras que otras no. Algunas variantes tienen etiquetas que ponen de relieve el formato HTML, ASP, PHP, SQL y otros lenguajes de marcas y lenguajes de programación. Etc.
Fuente: http://es.wikipedia.org/wiki/BBCode

Estructura y sintaxis

BBCode se encuentra basado en el lenguaje HTML, y es muy similar a éste en estructura y sintaxis. BBCode cuenta con elementos y atributos como el HTML, aunque al ser una versión simplificada del mismo resulta mucho más sencillo de aprender y utilizar.
Los elementos son la estructura básica del lenguaje, cada elemento tiene dos propiedades esenciales: contenido y atributos.
Elementos
Los elementos en BBCode por lo general poseen una etiqueta de inicio y una etiqueta de cierre, el contenido queda enmarcado entre ambas etiquetas. En BBCode el nombre de una etiqueta se encuentra delimitada por corchetes [ ], a diferencia de HTML, donde se utilizan los símbolos de desigualdad < >. Algunas etiquetas contienen un modificador, también conocido como atributo, cuyo valor se asigna a la propia etiqueta con el símbolo =.
Atributos
La mayoría de los atributos de un elemento en BBCode son simplemente valores, escritos en la etiqueta de comienzo de un elemento y asignados a la misma por un signo de igual =, después del nombre de ésta. El valor puede estar rodeado por comillas dobles o no, la mayoría de los sistemas de foros son tolerantes a estas modificaciones. Sin embargo, dejar los valores sin comillas es considerado una práctica poco segura.
La sintaxis general es entonces:

Código: [Seleccionar]

[nombre_etiqueta="atributo"] Contenido [/nombre_etiqueta]Fuente: http://es.wikipedia.org/wiki/BBCode

Usos y Significados

Etiquetas de formato:
Estas etiquetas SIEMPRE deben estar aplicadas en el texto. No importa en que orden, siempre deben estar aplicadas sobre el texto en cuestion.
Negrita:
Uso: [b] [/b]
Significado: Texto en negrita
Subrayado:
Uso: [u] [/u]
Significado: Texto subrayado
Cursiva:
Uso: [i] [/i]
Significado: Texto en itálica o cursiva
Tachado:
Uso: [s] [/s]
Significado: Texto tachado
Tamaño:
Uso: [size=valor] [/size]
Significado: Amplía el tamaño del texto
Colores:
Uso: [color="valor"] [/color] (valor = color en css, RRGGBB, hexadecimal)
Significado: Cambia el color del texto, permite tanto colores CSS, RGB y Hexadecimal.
Fuente:
Uso: [font=valor] [/font] (valor = fuente)
Significado: Cambia la fuente por la elegida. IMPORTANTE: El usuario DEBE tener esa fuente instalada en su computadora, o en su defecto, SMF debe tenerla.
Código:
Uso: [code] [/code]
Significado: Inserta una caja que contiene codigo.
Subíndice:
Uso: [sub] [/sub]
Significado: El texto se convierte en un subíndice.
Superíndice:
Uso: [sup] [/sup]
Significado: El texto se convierte en un superíndice.


Etiquetas de alineación:
Estas etiquetas siempre deben estar despues de cualquier etiqueta de formato (pueden estar FUERA de una etiqueta de imagen, tablas y listas ordenadas/no ordenadas
Uso: [left] [/left] [center] [/center] [right] [/right]
Significado: Alinea el texto/imagen a la izquierda, al centro o a la derecha, respectivamente.


Etiqueta de imagen:
Esta etiqueta sirve para importar una imagen desde un sitio web.
Uso: [img] [/img]
Atributos extras: width=valor (ancho), height=valor (alto)


Etiqueta de tabla:
Una de las mas dificiles de usar en BBC ya que en todos los diferentes lugares funciona diferente. Funciona como una tabla normal de HTML, solo que sus celdas se autoajustan dependiendo del texto, y las filas tambien.
Tabla:
Uso: [table] [/table]
Significado: Cuerpo de la tabla
Fila:
Uso: [tr] [/tr]
Significado: Fila de la tabla
Celda:
Uso: [td] [/td]
Significado: Celda de la tabla


Etiqueta de lista:
Crea una lista, es muy facil de usar y se parece mucho al modo de UL de HTML
Lista:
Uso: [list] [list]
Atributos extras: type=valor (valores posibles: none, disc, circle, square, decimal, decimal-leading-zero, lower-roman, upper-roman, lower-alpha, upper-alpha, lower-greek, lower-latin, upper-latin, hebrew, armenian, georgian, cjk-ideographic, hiragana, katakana, hiragana-iroha, katakana-iroha)
Item:
Uso: [li] [/li]


Cita:
Genera una cita
Uso:[/b]

Atributos extras:[/b] author="valor" (autor de la cita), link=topic=valor (link hacia la cita, el valor es el id del tema), date=valor (fecha expresada en unix timestamp)


Spoiler:
Genera un bloque oculto que solo puede ser visto si pulsas un boton.
Uso:

Spoiler para ocultar:

Atributos extras: spoiler=valor (le da nombre al spoiler)


No BBC:
Uso: [nobbc] [/nobbc]
Significado: Hace que lo que este dentro no responda al bbcode. (a la unica etiqueta que responde es a la de [/nobbc])

Demostraciones

Etiquetas de formato:
Negrita: Texto en negrita
Subrayado: Texto subrayado
Cursiva: Texto en itálica o cursiva
Tachado: Texto tachado
Tamaño: [size=13]Texto en tamaño 13[/size]
Colores: [color="darkblue"]Texto en color azul oscuro [/color]
Fuente: Texto con fuente Andale Mono


Etiquetas de alineación:

Texto a la izquierda

Texto centrado

Texto a la derecha

Etiqueta de imagen:



Listas:

• Elemento 1
• Elemento 2

Cita:

Cita n_n

Spoiler:

Spoiler para ocultar:

Aguante Sword Art Online loco n_n

No BBC:
[b]Texto que deberia tener formato[/b]

Linkback: https://minecraftmin.net/index.php?topic=4334.0

[Sirgebet, la leyenda]

Doble mensaje hecho a posta para explicar mas - no puedo seguir usando el tema actual ya que todos los temas tienen un limite n_n

[Kirby]

Límite? a que te refieres? no puedes postear más o que pasa?  

[MadeInYourWorld]

Muchos temas de foros tienen limite de letras ya predeterminao o.lo.mpdifica un admin. Sinceramente a mi.nunca me causo problemas el limite y he hecho temas mas largos que ese como por ejemplo mi.guia del pixel art que creo que es mas grande , aun asi no lo se

[Alfomega]

El post va por buen camino, pero @Sirgebet ten en cuenta que bbcode no es un estándar, cada sistema de foros e incluso foros como el nuestro, implementan sus propias versiones de bbcode y añaden etiquetas nuevas.
Sin ir más lejos, align aquí no está implementado en smf.
[align="center"]dfadfasfdafssdf[/align]
Otras a tener en cuenta son las que antiguamente se usaban para multimedia, como son [video], que aquí se usa [youtube] permitiendo solo enlaces de esa página, [embed] que por razones de seguridad se eliminó de muchos sistemas y cosas como [audio] tampoco se usan.

[Sirgebet, la leyenda]

El post va por buen camino, pero @Sirgebet ten en cuenta que bbcode no es un estándar, cada sistema de foros e incluso foros como el nuestro, implementan sus propias versiones de bbcode y añaden etiquetas nuevas.
Sin ir más lejos, align aquí no está implementado en smf.
[align="center"]dfadfasfdafssdf[/align]
Otras a tener en cuenta son las que antiguamente se usaban para multimedia, como son [video], que aquí se usa [youtube] permitiendo solo enlaces de esa página, [embed] que por razones de seguridad se eliminó de muchos sistemas y cosas como [audio] tampoco se usan.

Gracias :3, ando viendo como hacer el post ya que como bien dijiste el BBCode cambia en todas las plataformas xD

[Alfomega]

Para que puedas completar el post te dejo lo siguiente:

Esa es la lista de bbcode que hay en el foro (censurando aquellos que los usuarios no podéis/debéis usar ).
Los que tienen el fondo en dorado son los que no vienen de base con el foro, se han implementado a mayores y no vienen explicados en la lista de bbcode por orden alfabético de SMF. Si haces clic en una etiqueta te dice toda la información de ella, incluyendo atributos.
Te recomiendo que hagas una lista en la que pongas una etiqueta y su funcionamiento al lado.

Por otro lado, un par de detalles extra son que la etiqueta img fue ampliada, además de permitir definir el tamaño con los atributos, también se puede así: [img=200x300] ancho x alto.
La etiqueta youtube permite los enlaces de dos formas, o bien el enlace entero con http o bien solo el código del vídeo, es decir, lo que viene después del v= del enlace.
Los que han sido añadidos por mi parte en la actualización de bbcode, se encuentran explicados en su post correspondiente: Nuevos Bbcode

Los que tienen el tick son los que se pueden poner en las firmas.

[markLDM]

Madre mia que guía mas útil la usaré y mucho  Gracias, te llevas mi wendingo 

[Jhon]

La Mejor guía que he Visto! Esta Super Util y Ademas es Muy Facil de Aprender


Saludos!

[Sirgebet, la leyenda]

He decidido:
La segunda parte del post (el doble post mio) va a tener: Tips de uso, Reglas generales y BBCODES únicos del foro.
La parte uno sera modificada: solo estarán bbcodes disponibles en todas las versiones de SMF.
Apartir del comentario #1 (comentario por Sirgebet) todos los comentarios serán eliminados.

[Karont3]

Guía extremadamente útil!
Me sirvió mucho a mí, recién me registro, y creo que les ca a servir a muchos más!
TE LLEVAS UN WENDINGO!
(Estaría bueno meterlo en una guía con todos los links a posts útiles  )

[lNaut7000]

Lo usare mucho, es la mejor guía que he visto, ya que nunca me aprendo los BBcodes ;J,

Te llevas mi wendingazo

[MaxiWhatsUp]

Yo ya llevo tiempo sabiendo utilizar los BBCodes (como no), pero realmente esta guía es bastante útil para la gente que no los sabe utilizar y está muy bien ordenada.

[Sirgebet, la leyenda]

He decidido:
La segunda parte del post (el doble post mio) va a tener: Tips de uso, Reglas generales y BBCODES únicos del foro.
La parte uno sera modificada: solo estarán bbcodes disponibles en todas las versiones de SMF.
Apartir del comentario #1 (comentario por Sirgebet) todos los comentarios serán eliminados.

HAHAHA, que buen chiste OP, han pasado como 2 años y no lo has hecho... Oh, espera, ¡el OP soy yo!

Alfomega, ¿siguen estando los BBCodes que me pasaste o hay mas?

[Alfomega]

He decidido:
La segunda parte del post (el doble post mio) va a tener: Tips de uso, Reglas generales y BBCODES únicos del foro.
La parte uno sera modificada: solo estarán bbcodes disponibles en todas las versiones de SMF.
Apartir del comentario #1 (comentario por Sirgebet) todos los comentarios serán eliminados.

HAHAHA, que buen chiste OP, han pasado como 2 años y no lo has hecho... Oh, espera, ¡el OP soy yo!

Alfomega, ¿siguen estando los BBCodes que me pasaste o hay mas?

Siguen los mismos, optimizados para que admitan alguna cosa más pero los mismos.