Ir al contenido

Emojis y BBCODES en los mensajes

3 min de lectura 433 visitas

📝 Formato de Texto

Negrita

Sintaxis: [b]texto[/b]

Ejemplo:

[b]Este texto está en negrita[/b]

Resultado: Este texto está en negrita


Cursiva

Sintaxis: [i]texto[/i]

Ejemplo:

[i]Este texto está en cursiva[/i]

Resultado: Este texto está en cursiva


🔗 Enlaces y Recursos

Enlace Simple

Sintaxis: [url]https://example.com[/url]

Ejemplo:

[url]https://xapes.net[/url]

Resultado: Enlace clicable a la URL especificada


Enlace con Texto Personalizado (Botón)

Sintaxis: [t u=URL]Texto del botón[/t]

Ejemplo:

[t u=https://xapes.net]Visita Xapes.net[/t]

Resultado: Botón con el texto "Visita Xapes.net" que enlaza a la URL


Imágenes Externas

Sintaxis: [img]URL_de_la_imagen[/img]

Ejemplo:

[img]https://example.com/imagen.jpg[/img]

Resultado: Muestra la imagen con ancho máximo de 400px


Imágenes de Usuario

Sintaxis: [uimg id=ID_IMAGEN]

Ejemplo:

[uimg id=12345]

Resultado: Muestra una imagen subida previamente por el sistema de imágenes de usuario (thumbnail clicable)


🍾 Referencia a Placas

Código de Placa

Sintaxis: [CODI_PLACA] o [NUMERO]

Ejemplos:

[BBEGRI29958]
[ERVL249323]
[29958]

Funcionamiento:

  • Si la placa existe: Muestra el código como un badge azul clicable con tooltip al pasar el ratón

  • Si la placa NO existe: Muestra el código como un badge gris sin enlace

Resultado: Clic sobre el código abre un modal con los detalles de la placa


😊 Emoticonos y Símbolos

Emoticonos Básicos (Texto)

Código

Emoticono

Descripción

:)

😊

Sonrisa

:D

😆

Risa

:(

☹️

Triste

;)

😉

Guiño

:P

😛

Sacar la lengua

:o

😮

Sorpresa

:|

😐

Neutral

<3

❤️

Corazón

</3

💔

Corazón roto


Emoticonos con Palabras

Cara

Código

Icono

Descripción

:happy:

😊

Feliz

:sad:

😢

Triste

:angry:

😠

Enfadado

:love:

❤️

Amor

:laugh:

😂

Risa

:cry:

😭

Llorar

:cool:

😎

Genial

:party:

🥳

Fiesta

:surprised:

😮

Sorprendido

:thinking:

🤔

Pensando

:sleepy:

😴

Cansado

:dizzy:

😵

Mareado

Símbolos y Objetos

Código

Icono

Descripción

:thumbsup:

👍

Pulgar arriba

:thumbsdown:

👎

Pulgar abajo

:fire:

🔥

Fuego

:star:

⭐

Estrella

:heart:

❤️

Corazón

:beer:

🍺

Cerveza

:coffee:

☕

Café

:money:

💰

Dinero


💡 Consejos de Uso

✅ Buenas Prácticas

  1. Combina formatos - Puedes combinar negrita, cursiva y enlaces:

    [b]Importante:[/b] [url]https://xapes.net[/url]
    
  2. Referencias a placas - Usa códigos de placa para hacer referencias rápidas:

    Estoy buscando la [BBEGRI29958], ¿alguien la tiene?
    
  3. Emoticones con moderación - No abuses de los emoticonos para mantener la legibilidad

  4. Imágenes de tamaño adecuado - Las imágenes externas se redimensionan automáticamente a 400px de ancho

⚠️ Limitaciones

  • HTML no permitido - Todas las etiquetas HTML son filtradas por seguridad (excepto <img>)

  • Protección XSS - El contenido pasa por un filtro de seguridad automático

  • Saltos de línea - Los saltos de línea se convierten automáticamente en <br>


📋 Ejemplos Completos

Ejemplo 1: Mensaje de Foro

[b]¡Hola a todos![/b] :)

Estoy buscando la placa [BBEGRI29958]. Si alguien la tiene para cambiar, ¡contactad conmigo!

También tengo estas repetidas:
- [ERVL249323]
- [29958]

[t u=/user/123/joan]Mi perfil[/t]

¡Gracias! :thumbsup:

Ejemplo 2: Comentario con Imagen

[b]¡Mirad esta placa![/b]

[uimg id=12345]

¡Es una [BBEGRI29958] en estado perfecto! :star: :fire:

¿Qué opináis? :thinking:


🔍 Referencia Rápida

Formato

  • [b]...[/b] - Negrita

  • [i]...[/i] - Cursiva

Enlaces

  • [url]...[/url] - Enlace simple

  • [t u=URL]...[/t] - Botón con enlace

Imágenes

  • [img]URL[/img] - Imagen externa

  • [uimg id=X] - Imagen de usuario

Placas

  • [CODI] - Referencia a placa

Emoticones

  • Texto: :), :D, :(, ;), :P, <3

  • Palabras: :happy:, :sad:, :thumbsup:, :fire:, etc.

¿Te ha ayudado este artículo?

A 1 persona le ha resultado útil.