Personalização de overlays

Caminho mais rápido: escolha um modelo

Tem um tema de chat do StreamElements ou Streamlabs? Importe seu widget personalizado com o guia de temas de chat.

Modelos são a forma mais fácil de ter um overlay bem acabado sem escrever CSS do zero.

Níveis de personalização

Nível	Use para	Onde
Controles de modelos	Mudanças visuais rápidas.	Galeria de modelos.
Parâmetros de URL	Comportamento, rótulos, filtros, escala e limites.	Parâmetros de consulta da URL do overlay.
CSS personalizado do OBS	Pequenos ajustes de estilo para uma fonte do OBS.	Propriedades da fonte de navegador do OBS.
CSS hospedado ou auto-hospedado	Estilos reutilizáveis entre overlays.	&css= ou &b64css=.
Overlay personalizado	Comportamento totalmente personalizado.	Guia de overlays personalizados.

Opções comuns de URL

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

• session conecta o overlay à sala de chat certa.
• scale altera o tamanho sem reescrever CSS.
• limit controla quantas mensagens ficam visíveis nas páginas compatíveis.
• hidesource oculta os rótulos de plataformas de origem no dock (dock.html apenas).
• css e b64css carregam estilos personalizados.

Veja a prévia antes do OBS

Correções comuns

• Parece certo no navegador, mas errado no OBS: remova o CSS personalizado do OBS e atualize a fonte de navegador.
• A fonte não aparece: use um arquivo de fonte HTTPS direto e confira as regras de CORS e carregamento externo.
• Tudo está invisível: confira opacidade, cor, filtros e se a página precisa de dados de mensagem em destaque ou evento.
• As mudanças na URL não fazem nada: atualize a fonte do OBS ou substitua a URL.