product icon

Comment personnaliser InstantChat.css

    Les articles associés à la personnalisation sont rédigés pour un public technique ayant une expérience dans le développement web. La connaissance des HTML, de CSS et de JavaScript est indispensable.

    Vous pouvez personnaliser l'apparence de l'interface de chat instantané en utilisant des feuilles de style en cascade (CSS). Par défaut, l'interface de chat instantané est déterminée par InstantChat.css. Vous pouvez copier et modifier InstantChat.css pour créer un style personnalisé ou vous pouvez créer votre propre CSS personnalisé. Si vous créez un fichier CSS personnalisé, vous devez indiquer le chemin d'accès dans votre page html en ajoutant le chemin d'accès à votre CSS hébergé :

    Important : A Rescue L'administrateur principal doit autoriser la liste des hôtes où vos ressources personnalisées JS et CSS sont auto-hébergées. Pour en savoir plus sur les administrateurs, voir la section Réglages du centre d’administration dans Solutions autohébergées entièrement personnalisées.
    ICLoader.HostedCSS = "http://[YourSite]/InstantChat.css";

    Les exemples suivants montrent les classes CSS et les éléments de l'interface utilisateur que ces classes affectent. Pour une liste complète des classes CSS, voir How to Customize InstantChat.css.

    Note: .ic_waitingtime n'apparaît qu'une fois par session. Par exemple, .ic_waitingtime n'apparaît pas lors de la reconnexion.
    Note: .ic_statusicon_waiting apparaît tout au long de la session lorsque le client attend le technicien.
    Article last updated: 27 September, 2022