product icon

Wie man InstantChat.css anpasst

    Artikel über die Anpassung von sind für ein technisches Publikum geschrieben, das Erfahrung in der Webentwicklung hat. Kenntnisse in HTML, CSS und JavaScript sind erforderlich.

    Mit Hilfe von Cascading Style Sheets (CSS) können Sie das Aussehen der Instant-Chat-Benutzeroberfläche individuell anpassen. Standardmäßig wird die Instant Chat-Schnittstelle durch InstantChat.css bestimmt. Sie können InstantChat.css kopieren und bearbeiten, um ein benutzerdefiniertes Styling zu erstellen, oder Sie können Ihr eigenes benutzerdefiniertes CSS erstellen. Wenn Sie eine benutzerdefinierte CSS-Datei erstellen, müssen Sie durch Einfügen des Pfades zu Ihrem gehosteten Stylesheet auf Ihrer HTML-Seite den Pfad festlegen:

    Wichtig: A Rescue Master-Administrator muss den/die Host(s) zulassen, auf dem/denen Ihre benutzerdefinierten JS- und CSS-Ressourcen selbst gehostet werden. Weitere Informationen für Administratoren finden Sie im Abschnitt Einstellungen des Administrationszentrums in Vollständig angepasste, selbst gehostete Lösungen.
    ICLoader.HostedCSS = "http://[YourSite]/InstantChat.css";

    Die folgenden Beispiele zeigen CSS-Klassen und die Elemente der Benutzeroberfläche, auf die sich diese Klassen auswirken. Eine vollständige Liste der CSS-Klassen finden Sie unter Wie man InstantChat.css anpasst.

    Bitte beachten Sie: .ic_waitingtime erscheint nur einmal pro Sitzung. Zum Beispiel erscheint .ic_waitingtime nicht bei der Wiederherstellung der Verbindung.
    Bitte beachten Sie: .ic_statusicon_waiting erscheint während der gesamten Sitzung, wenn der Kunde auf den Techniker wartet.
    Artikel zuletzt aktualisiert: 27 September, 2022