Personalización de overlays

La forma más rápida: elige una plantilla

¿Tienes un diseño de chat de StreamElements o Streamlabs? Importa tu widget personalizado con la guía de diseños de chat.

Las plantillas son la forma más sencilla de conseguir una superposición cuidada sin escribir CSS desde cero.

Niveles de personalización

Nivel	Úsalo para	Dónde
Controles de plantillas	Cambios visuales rápidos.	Galería de plantillas.
Parámetros de URL	Comportamiento, etiquetas, filtros, escala y límites.	Cadena de consulta de la URL de la superposición.
CSS personalizado de OBS	Pequeños ajustes de estilo para una fuente de OBS.	Propiedades de la fuente de navegador de OBS.
CSS alojado o autoalojado	Estilos reutilizables entre superposiciones.	&css= o &b64css=.
Superposición personalizada	Comportamiento completamente personalizado.	Guía de superposiciones personalizadas.

Opciones comunes de URL

featured.html?session=YOUR_SESSION&scale=1.1&limit=10

• session conecta la superposición a la sala de chat correcta.
• scale cambia el tamaño sin reescribir CSS.
• limit controla cuántos mensajes permanecen visibles en las páginas compatibles.
• hidesource oculta las etiquetas de plataforma de origen en el Dock (dock.html solamente).
• css y b64css cargan estilos personalizados.

Vista previa antes de OBS

Soluciones habituales

• Se ve bien en el navegador, pero mal en OBS: quita el CSS personalizado de OBS y actualiza la fuente de navegador.
• Falta una fuente: usa un archivo de fuente HTTPS directo y revisa las reglas CORS y de enlaces externos.
• Todo es invisible: revisa la opacidad, el color, los filtros y si la página necesita datos de un mensaje destacado o un evento.
• Los cambios de URL no hacen nada: actualiza la fuente de OBS o sustituye la URL.