Posts (Publicaciones - Personalizar publicaciones usando BBCode)

[hcm_aj]

Personalizar publicaciones usando BBCode


Cuando creas temas o publicaciones es posible personalizarlos agregando enlaces, colores en el texto, crear listas, agregar imágenes, insertar videos y más, usando esta barra de herramientas.
Aquí puedes leer la Guía de BBCode.

Cuando usas BBCodem utilizas "etiquetas (tags)" como estos:

Code: Select all

[b][/b]
[img][/img]
[url][/url]

Siempre inician con un etiqueta (<etiqueta>) y terminan con otra etiqueta con un/ dentro (</etiqueta).
Siempre asegurate de cerrar tus etiquetas o el texto no se mostrará correctamente.


A continuación puedes leer otra guía para usar BBCode con imágenes


Texto en negrita. Pone el texto en negritas.

Code: Select all

[b]Este es texto en negritas[/b]

Resultado: Este es texto en negritas



Texto en cursiva. Pone el texto en cursiva.

Code: Select all

[i]Esto es texto en cursiva[/i]

Resultado: Esto es texto en cursiva



Texto subrayado. Subrayar el texto.

Code: Select all

[u]Esto es texto subrayado[/u]

Resultado: This is Esto es texto subrayado



Citar texto. Cita un texto, agrega el texto entre comillas.

Code: Select all

[quote]Texto citado[/quote]

Resultado:

Texto citado

Desplegar código. Despliega el código BBCode sin convertirlo en HTML.

Code: Select all

[code]Esto es código[ /code]

Lista. Mostrar lista.

Code: Select all

[list]
[*]Esto es una lista
[*]Con múltiples elementos
[/list]

Resultado:

• Esto es una lista
• Con múltiples elementos

Lista ordenada. Mostrar una lista ordenada con números.

Code: Select all

[list=1]
[*]Esta es una lista ordenada
[*]Con múltiples elementos
[/list]

Resultado:

1. Esta es una lista ordenada
2. Con múltiples elementos

Elemento de lista. Elemento de lista para listas ordenadas o desordenadas.

Code: Select all

[*]Elemento 1

Consulte los ejemplos anteriores con listas ordenadas y desordenadas.

Aquí hay una guía más completa sobre Listas ordenadas y desordenadas usando BBCode.



Insertar imagen. Inserta una imagen en tu publicación. Necesitas copiar el enlace de la imagen. Lee esta guía sobre subir imágenes.
Hay 2 formas de insertar una imagen:

Code: Select all

[img=https://ejemplo.com/image-de-ejemplo.jpg][/img]
[img]https://ejemplo.com/image-de-ejemplo2.jpg[/img]

Insertar enlace. Inserte un enlace a cualquier sitio, imagen, etc. Este botón muestra una ventana para agregar el enlace.
Hay 2 formas de insertar un enlace manualmente:

Code: Select all

[url=https://hentaicharmugen.com]HCM Mugen[/url]
[url]https://hentaicharmugen.com[/url]

Resultado:
HCM Mugen
https://hentaicharmugen.com



Insertar multimedia. Inserta contenido como videos y audio de algunos sitios permitidos (por ejemplo, publicaciones de Twitter con videos o texto).

Code: Select all

[media]https://twitter.com/namako8982/status/1146402346257174533[/media]

Resultado:


Los siguientes sitios son compatibles:
amazon, audioboom, audiomack, bandcamp, bitchute, bleacherreport, break, brightcove, coub, dailymotion, dumpert, eighttracks, facebook, flickr, funnyordie, gamespot, gametrailers, getty, gfycat, gifs, globalnews, gofundme, googledrive, googlesheets, hudl, hulu, ign, imdb, imgur, indiegogo, instagram, internetarchive, izlesene, jwplatform, kickstarter, libsyn, liveleak, livestream, mailru, medium, mega.nz, metacafe, mixcloud, msnbc, natgeovideo, nhl, npr, orfium, pastebin, pinterest, podbean, pornhub, prezi, reddit, rutube, scribd, slideshare, spotify, steamstore, stitcher, strawpoll, streamable, streamja, teamcoco, telegram, theatlantic, tiktok, traileraddict, tumblr, twitch, twitter, ustream, vbox7, veoh, vevo, videodetective, vimeo, vine, vk, vocaroo, vox, xboxclips, xboxdvr, xvideos, youku, youtube.



Color de fuente. Muestra una lista de colores para el texto. Es posible agregar colores hexadecimales manualmente.

Code: Select all

[color=#FF0000]Este color de texto es rojo.[/color]

Resultado: Este color de texto es rojo.



Tamaño de fuente. Muestra una lista de posibles tamaños de fuente. Es posible agregar el tamaño manualmente. Por favor no agregue tamaños de fuente demasiado grandes.

Code: Select all

[size=85]Esto es pequeño.[/size]  [size=150]Y esto es grande![/size]

Resultado: Esto es pequeño. Y esto es grande!



Copiar / Pegar texto. El "botón copiar" copia el texto seleccionado. Solo el "botón pegar" puede pegar el texto seleccionado previamente por el "Botón copiar".
Comandos de teclado como Ctrl + C o Ctrl + V no son compatibles con estos 2 botones.



Eliminar BBCode. Eliminar todas las etiquetas BBCode del texto seleccionado.
Tenga cuidado cuando use este botón.



Menú de fuentes. Muestra una lista con diferentes fuentes que puede usar para el texto.

Code: Select all

[font=Times New Roman]El nombre de la fuente es "Times New Roman"[/font]

Resultado: El nombre de la fuente es "Times New Roman"



Subrayar texto. Resalta el texto seleccionado con un fondo amarillo. Es posible cambiar el color de fondo predeterminado usando colores hexadecimales.

Code: Select all

[highlight=#73c3ea]Texto resaltado[/highlight]

Resultado: Texto resaltado



Alinear texto. Se utiliza para alinear el contenido a la izquierda, derecha, centrado o justificado.
Opciones: Centrado, izquierda, derecha, justificado

Code: Select all

[align=center]Texto centrado[/align]
[align=right]Texto a la derecha[/align]

Resultado:

Texto centrado

Texto a la derecha

Flotar&Mover el texto. Mueve el texto a la izquierda o derecha.
Opciones: Izquierda, derecha

Code: Select all

[float=right]Texto flotante[/float]

Resultado:

Texto flotante

Tachar texto. Agregar una línea a través del texto seleccionado.

Code: Select all

[s]Texto tachado[/s]

Resultado: Texto tachado



Texto con sombra. Agrega sombra al texto. Es posible cambiar el color de la sombra usando colores hexadecimales.

Code: Select all

[dropshadow=#1010c6]Texto con sombra[/dropshadow]

Resultado: Texto con sombra



Desenfocar texto. Desenfoca el texto seleccionado. Es posible cambiar el color usando colores hexadecimales.

Code: Select all

[blur=blue]Desenfocado[/blur]

Resultado: Desenfocado



Aparecer / desvanecer texto (fade-in / fade-out). Añade un efecto que desvanece y reaparece el texto seleccionado.

Code: Select all

[fade]Efecto de desvanecimiento[/fade]

Resultado: Efecto de desvanecimiento



Mensaje Spoiler. Agrega un contenedor para spoilers.

Code: Select all

[spoil]Spoiler[/spoil]

Resultado:

► Show Spoiler

Spoiler

Mensaje fuera de tema. Agrega un contenedor para mensajes fuera de tema (Off topic).

Code: Select all

[offtopic]Off topic[/offtopic]

Resultado:

Off Topic

Off topic

Mensaje de alerta. Agregar un contenedor para alertas.

Code: Select all

[mod=user_name]Esta es una alerta[/mod]

Resultado:

!	Message from: user_name
	Esta es una alerta

Tabla. Crea tablas usando formatos de estilo ASCII. Visita la Guía del usuario

Code: Select all

| Cabecera 1 | Cabecera 2 |
|----------|----------|
| Celda 1   | Celda 2   |

Resultado:

Cabecera 1	Cabecera 2
Celda 1	Celda 2

SoundCloud. Incruste cualquier pista o lista de reproducción de SoundCloud usando un enlace. Es posible incrustar 1 o más pistas.

Code: Select all

[soundcloud]https://soundcloud.com/andrey-zloy/music-of-japan[/soundcloud]
[soundcloud]https://soundcloud.com/user-906891233/sets/japan-music[/soundcloud]

Resultado:





VIDEO. Al igual que el botón de Multimedia, este botón incrusta cualquier video. Muestra una ventana con la lista de sitios permitidos y un ejemplo de como debe verse el enlace (Ejemplo de enlaces permitidos: Publicaciones de Twitter, videos de Youtube, Pornhub o Xvideos, etc).
Visita esta enlace para ver una explicación completa!

Code: Select all

[bbvideo]https://www.youtube.com/watch?v=5qap5aO4i9A[/bbvideo]

Resultado: