Febrero 24, 2017, 10:39:03 pm
Visitante



Autor Tema:  ¡Aprende BBCode! ~ [En construcción]  (Leído 2912 veces)

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

Agosto 22, 2014, 11:25:33 pm

Sirgebet, la leyenda




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    Ha reencarnado
  • Actividad

  • 0%
  • Logros

Más información


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]
Citar
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:
Citar
Cita n_n



Spoiler:
Spoiler para ocultar:
Aguante Sword Art Online loco n_n



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

Linkback: http://minecraftmin.net/index.php?topic=4334.0
« Última modificación: Septiembre 14, 2014, 05:17:15 pm por Sirgebet »





Respuesta #1 Agosto 23, 2014, 03:59:54 pm

Sirgebet, la leyenda




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    Ha reencarnado
  • Actividad

  • 0%
  • Logros

Más información

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


Respuesta #2 Agosto 23, 2014, 04:29:45 pm

Grovyle




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    my memes are ironic, my depression is chronic
  • Actividad

  • 0%
  • Logros

Más información

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





Maincra


Respuesta #3 Agosto 24, 2014, 01:51:11 am

MadeInYourWorld




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    Diseñador y Informático
  • Actividad

  • 0%
  • Logros

Más información

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





Respuesta #4 Agosto 24, 2014, 12:23:34 pm

Alfomega




  • Conectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    Ingeniero informático
  • Actividad

  • 32%
  • Logros

Más información

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.
Alfomega



Respuesta #5 Agosto 24, 2014, 07:17:13 pm

Sirgebet, la leyenda




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    Ha reencarnado
  • Actividad

  • 0%
  • Logros

Más información

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


Respuesta #6 Agosto 25, 2014, 01:59:38 pm

Alfomega




  • Conectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    Ingeniero informático
  • Actividad

  • 32%
  • Logros

Más información

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.


Respuesta #7 Agosto 25, 2014, 08:15:56 pm

markLDM




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    Moderador del apartado servidores
  • Actividad

  • 0%
  • Logros

Más información

Madre mia que guía mas útil la usaré y mucho :D Gracias, te llevas mi wendingo 
Te he ayudado? Comenta!





Respuesta #8 Septiembre 04, 2014, 04:13:07 am

Jhon




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    e=mc² - Relativamente Kawaii y Hipster [<3 Portal]
  • Actividad

  • 0%
  • Logros

Más información

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


Saludos!


Respuesta #9 Septiembre 14, 2014, 05:15:55 pm

Sirgebet, la leyenda




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    Ha reencarnado
  • Actividad

  • 0%
  • Logros

Más información

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.


Respuesta #10 Diciembre 30, 2014, 12:25:39 am

Karont3




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    [Jugador de PvP, y Mini-MapMaker]
  • Actividad

  • 0%
  • Logros

Más información

Guía extremadamente útil! :D
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 ;) )
El miedo es el peor enemigo del hombre... ¡Por eso siempre te derroto!
[Jugador de PvP, y Mini-MapMaker]

¿Who laughs last?


Respuesta #11 Diciembre 30, 2014, 01:07:01 pm

lNaut7000




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    Lalalalalalala...
  • Actividad

  • 2%
  • Logros

Más información

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

Te llevas mi wendingazo




Si la vida te da endermans, haz ojos de ender =D


Respuesta #12 Abril 16, 2015, 01:48:26 pm

MaxiWhatsUp




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    La muerte es una vida vivida.La vida es una muerte
  • Actividad

  • 0%
  • Logros

Más información

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.


MapMaker y Pro PvP!

Experto en foros.
Me llamo Maxi, soy de España, Barcelona y tengo 18 años.


Respuesta #13 Agosto 16, 2016, 11:28:09 pm

Sirgebet, la leyenda




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    Ha reencarnado
  • Actividad

  • 0%
  • Logros

Más información

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?


Respuesta #14 Agosto 17, 2016, 12:31:24 am

Alfomega




  • Conectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    Ingeniero informático
  • Actividad

  • 32%
  • Logros

Más información

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.



Share via delicious Share via digg Share via facebook Share via furl Share via linkedin Share via myspace Share via reddit Share via stumble Share via technorati Share via twitter

xx
[Guía] BBCode Colors

Iniciado por MrGat0s

0 Respuestas
114 Vistas
Último mensaje Diciembre 31, 2016, 03:52:03 pm
por MrGat0s
xx
[Tutorial] BBCode básico [Poner videos, imágenes, etcétera en tu post]

Iniciado por ZkadliX

14 Respuestas
4264 Vistas
Último mensaje Junio 18, 2016, 12:04:44 pm
por Claus3000
xx
[EN CONSTRUCCIÓN] Rangos y sus requisitos.

Iniciado por SkycageDraw

33 Respuestas
5329 Vistas
Último mensaje Mayo 22, 2014, 02:10:18 am
por Venom Spitter