product icon

Como personalizar o InstantChat.css

    Os artigos relacionados a personalização são redigidos para um público técnico com experiência em desenvolvimento web. É necessário ter conhecimento de HTML, CSS e JavaScript.

    Você pode personalizar a aparência da interface de bate-papo instantâneo usando Folhas de Estilo em Cascata (CSS). Por padrão, a interface de Instant Chat é determinada por InstantChat.css. Você pode copiar e editar InstantChat.css para criar um estilo personalizado ou você pode criar seu próprio CSS personalizado. Se você criar um arquivo CSS personalizado, você precisa especificar o caminho em sua página html, adicionando o caminho ao seu CSS hospedado:

    Importante: A Rescue O Administrador Mestre deve permitir listar o(s) anfitrião(s) onde seus recursos personalizados JS e CSS são auto-hospedados. Para obter mais informações para administradores, consulte a seção Configurações do Centro de Administração em Soluções auto-hospedadas totalmente personalizadas.
    ICLoader.HostedCSS = "http://[YourSite]/InstantChat.css";

    As amostras a seguir mostram as classes CSS e os elementos de interface do usuário que estas classes afetam. Para uma lista completa das classes CSS, veja Como Personalizar o InstantChat.css.

    Observação:: .ic_waitingtime aparece apenas uma vez por sessão. Por exemplo, .ic_waitingtime não aparece durante a reconexão.
    Observação:: .ic_statusicon_waiting aparece durante toda a sessão sempre que o cliente está esperando o técnico.
    Article last updated: 27 September, 2022