product icon

Classes et styles de 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.

    Pour modifier les styles, copiez le fichier CSS par défaut dans votre répertoire public sur votre serveur web et modifiez les spécifications de style selon vos besoins.

    Note: Les ressources en images pour le chat instantané hébergé par l'entreprise sont disponibles pour le téléchargement dans un seul fichier compressé.
    Nom de style Type Description ou apparence
    1 ic_htmlbody

    L'élément de la page (le chat instantané fonctionne dans un Iframe).

    2 ic_bodyarea La disposition de la fenêtre personnalisée qui contient la fenêtre de discussion instantanée.
    3 ic_shadow Définit l'ombre de la fenêtre personnalisée qui contient la fenêtre de chat instantané. L'ombre apparaît pendant le chargement de la fenêtre de chat instantané.
    4 ic_loader_animation L'animation jouée pendant le chargement de la fenêtre de chat instantané.
    5 ic_maincontentarea La disposition de la fenêtre de discussion instantanée.
    6 ic_statusicon_waiting

    L'icône du client en attente d'un technicien.

    .ic_statusicon_waiting apparaît tout au long de la session lorsque le client attend le technicien.


    7 ic_statusicon_chat L'icône du technicien qui discute avec le client.
    8 ic_statusicon_rc L'icône du technicien qui contrôle à distance l'ordinateur du client.
    9 ic_statusicon_disconnect L'icône du technicien lorsqu'il est déconnecté de la session Rescue.
    10 ic_statusicon_hold L'icône du technicien lorsque le client est mis en attente.
    11 ic_statusicon_transfer L'icône du technicien pendant que la session du client est en cours de transfert à un autre technicien.
    12 ic_statusicon_typing L'icône du technicien qui est en train de taper un message au client.
    13 ic_statustext La disposition de la zone de texte qui informe le client de son statut et de celui du technicien. Par exemple, Vous êtes en train de chatter avec John Doe.
    14 ic_windowtitle_container La zone de texte du titre de la fenêtre de discussion instantanée.
    15 ic_windowtitle Le titre de la fenêtre de chat instantané.
    16 ic_fontchange_small L'icône que le client utilise pour passer aux petites polices.
    17 ic_fontchange_small_border La bordure de l'icône de la petite police.
    18 ic_fontchange_medium L'icône que le client utilise pour passer aux polices de taille moyenne.
    19 ic_fontchange_medium_border La bordure de l'icône de la police de taille moyenne.
    20 ic_fontchange_large L'icône que le client utilise pour passer aux grandes polices.
    21 ic_fontchange_large_border La bordure de l'icône de la grande police.
    22 ic_chatlog La mise en page du volet du journal de chat, qui est la partie supérieure de la fenêtre de chat instantané.
    23 ic_chatlog_big La mise en page du volet du chatlog de petite taille lorsque le volet des messages n'est pas disponible.
    24 ic_chatlog_medium La mise en page du volet du chatlog de taille moyenne.
    25 ic_chatlog_medium_big La disposition du volet de chatlog de taille moyenne lorsque le volet de message n'est pas disponible.
    26 ic_chatlog_large La mise en page du volet du journal de bord en grande taille de police.
    27 ic_chatlog_large_big La mise en page du volet de chatlog à grande taille de police lorsque le volet de message n'est pas disponible.
    28 ic_text_chatline Le texte des lignes de discussion dans le volet du journal des discussions.
    Note: Utilisez .ic_text_chatline_tc et .ic_text_chatline_client au lieu de .ic_text_chatline pour différencier le style des lignes de chat des clients et des techniciens.
    29 ic_text_chattable La table qui contient l'horodatage et le nom de la partie qui a envoyé le message de chat.
    Note: Le moteur de chat instantané comprend l'affichage : inline-block pour s'assurer que Instant Chat fonctionnera sur Safari.
    30 ic_text_chattable_tr La ligne de la table qui contient l'horodatage et le nom de la partie qui a envoyé le message de chat. Il est essentiellement identique à ic_text_chattable.
    31 ic_text_chattable_td1 La disposition de l'horodatage des messages de chat.
    32 ic_text_chattable_td2_client La mise en page du nom du client dans le volet du chatlog.
    33 ic_text_chattable_td2_tc La disposition du nom du technicien dans le volet du journal de chat.
    34 ic_text_chatcontent La mise en page du message de chat.
    35 ic_control_chatline Une ligne dans le volet du journal de chat comprenant l'horodatage, le nom de l'expéditeur et le message du chat.
    36 ic_control_chattime La disposition de l'horodatage des messages système dans le volet chatlog.
    37 ic_control_chatcontent La disposition des messages système dans le volet du journal de bord.
    38 ic_link_chatcontent La disposition des liens dans les messages du système dans le volet du journal de bord.
    39 ic_linkhover_chatcontent La disposition des liens dans les messages du système dans le volet du chatlog lorsque le client passe la souris sur le lien.
    40 ic_complémentaire La zone du grand volet du chatlog qui est réservée au volet des messages lorsque celui-ci est activé.
    41 ic_chatdisconnected Le volet des messages de la fenêtre de chat instantané lorsque le client est déconnecté.
    42 ic_filesend_button Le bouton Send File.
    43 ic_filesend_button_hover Le bouton Send File lorsque le client passe la souris sur le bouton.
    44 ic_filesend_button_pressed Le bouton Send File lorsque le client clique dessus.
    45 ic_filesend_button_disabled (bouton de fin de fichier désactivé) Le bouton Envoyer le fichier lorsqu'il est désactivé.
    46 ic_disconnect_button Le bouton Disconnect.
    47 ic_disconnect_button_hover Le bouton Disconnect lorsque le client passe la souris sur le bouton.
    48 ic_disconnect_button_pressed Le bouton Disconnect lorsque le client le clique.
    49 ic_disconnect_button_disabled (bouton de déconnexion désactivé) Le bouton Disconnect lorsqu'il est désactivé.
    50 ic_send_button Le bouton Envoyer.
    51 ic_send_button_hover Le bouton Envoyer lorsque le client passe la souris sur le bouton.
    52 ic_send_button_pressed Le bouton Envoyer lorsque le client le clique.
    53 ic_send_button_disabled (bouton d'envoi désactivé) Le bouton Envoyer lorsqu'il est désactivé.
    54 ic_lang_container La liste déroulante du sélecteur de langue.
    55 ic_lang_menuitem Les éléments de la liste déroulante de la langue.
    56 ic_lang_menuitem_hover Un élément de la liste déroulante des langues lorsque le client survole la molette de cet élément de menu.
    57 ic_lang_menuitem_selected L'élément de la liste déroulante des langues qui est actuellement sélectionné.
    58 ic_lang_select La commande du sélecteur de langue.
    59 ic_lang_select_text Le texte dans le contrôle du sélecteur de langue.
    60 ic_lang_select_text_tr Le texte dans le contrôle du sélecteur de langue.
    61 ic_lang_select_text_td Le texte dans le contrôle du sélecteur de langue.
    62 ic_lang_select_arrowimg La touche fléchée de la commande de sélection de la langue.
    63 ic_chattext

    La zone de texte du volet des messages dans la fenêtre de discussion instantanée lorsque le client tape en petite taille de police.


    Note: Le moteur Instant Chat prend en charge les navigateurs web suivants:
    • -apparence de webkit : aucun garantit que Instant Chat s'exécute sur Safari (par exemple pour iPhone).
    • survol: masqué garantit que Instant Chat s'exécute sur Opera.
    64 ic_chattext_first

    La zone de texte du volet des messages dans la fenêtre de discussion instantanée avant que le client ne commence à taper.


    Note: Le moteur Instant Chat prend en charge les navigateurs web suivants:
    • -apparence de webkit : aucun garantit que Instant Chat s'exécute sur Safari (par exemple pour iPhone).
    • survol: masqué garantit que Instant Chat s'exécute sur Opera.
    Conseil : Pour laisser la boîte de dialogue vide : oLangChatModeArray["TYPE_HERE"] = "" ;
    65 ic_chattext_medium

    La zone de texte du volet des messages de la fenêtre de discussion instantanée lorsque le client tape en taille de police moyenne.


    Note: Le moteur Instant Chat prend en charge les navigateurs web suivants:
    • -apparence de webkit : aucun garantit que Instant Chat s'exécute sur Safari (par exemple pour iPhone).
    • survol: masqué garantit que Instant Chat s'exécute sur Opera.
    66 ic_chattext_medium_first

    La zone de texte du volet des messages dans la fenêtre de discussion instantanée avant que le client ne commence à taper.


    Note: Le moteur Instant Chat prend en charge les navigateurs web suivants:
    • -apparence de webkit : aucun garantit que Instant Chat s'exécute sur Safari (par exemple pour iPhone).
    • survol: masqué garantit que Instant Chat s'exécute sur Opera.
    Conseil : Pour laisser la boîte de dialogue vide : oLangChatModeArray["TYPE_HERE"] = "" ;
    67 ic_chattext_large

    La zone de texte du volet des messages dans la fenêtre de discussion instantanée lorsque le client tape en grande taille de police.


    Note: Le moteur Instant Chat prend en charge les navigateurs web suivants:
    • -apparence de webkit : aucun garantit que Instant Chat s'exécute sur Safari (par exemple pour iPhone).
    • survol: masqué garantit que Instant Chat s'exécute sur Opera.
    68 ic_chattext_large_first

    La zone de texte du volet des messages dans la fenêtre de discussion instantanée avant que le client ne commence à taper.


    Note: Le moteur Instant Chat prend en charge les navigateurs web suivants:
    • -apparence de webkit : aucun garantit que Instant Chat s'exécute sur Safari (par exemple pour iPhone).
    • survol: masqué garantit que Instant Chat s'exécute sur Opera.
    Conseil : Pour laisser la boîte de dialogue vide : oLangChatModeArray["TYPE_HERE"] = "" ;
    69 ic_custom_logo Le logo de l'entreprise du technicien.
    70 ic_custom_icon L'icône de l'entreprise du technicien.
    71 ic_dialog_box La boîte de dialogue du chatlog que vous pouvez faire apparaître en appuyant sur CTRL-ALT-L.
    72 ic_dialog_box_textarea La zone de texte de la boîte de dialogue du journal de bord.
    73 ic_dialog_box_button1 Le bouton Copier dans le presse-papiers de la boîte de dialogue du chatlog.
    74 ic_dialog_box_button2 Le bouton Annuler si la boîte de dialogue du chatlog.
    75 ic_progressbars Les barres de progression lors de l'envoi ou de la réception d'un fichier.
    76 ic_progressbars_chatbottom Le bas du volet du chatlog lorsque les barres de progression sont actives.
    77 ic_progressbar_instance La disposition des barres de progression individuelles.
    78 ic_progressbar_inner L'indicateur de progression de la barre de progression.
    79 ic_progressbar_title L'étiquette de la barre de progression.
    80 ic_progressbar_cancelbutton Les boutons d'annulation à droite des barres de progression.
    81 ic_progressbar_cancelbutton_hover Les boutons d'annulation à droite des barres de progression lorsque le client passe la souris sur les boutons.
    82 ic_progressbar_cancelbutton_pressed Les boutons d'annulation à droite des barres de progression lorsque le client clique sur les boutons.
    83 ic_progressbar_cancelbutton_disabled (bouton d'annulation désactivé) Les boutons d'annulation à droite des barres de progression lorsque les boutons sont désactivés.

    Les styles 84-88 ne sont pas visibles dans l'interface standard de chat instantané. Les éléments 84 et plus sont disponibles dans la dernière version de InstantChat.css:

    Nom de style Type Description ou apparence
    84 ic_technicanname Affiche le nom du technicien.
    85 ic_sessionend_button Affiche un bouton sur lequel le client peut cliquer pour mettre fin à la session.
    86 ic_sessionend_button_hover Le bouton de fin de session lorsque le client passe la souris sur le bouton.
    87 ic_sessionend_button_pressed Le bouton de fin de session lorsque le client clique sur le bouton.
    88 ic_sessionend_button_disabled (bouton de fin de session désactivé) Le bouton de fin de session lorsque le bouton est désactivé.

    Les styles 89 à 127 sont appliqués aux messages du système. Par défaut, tous les messages du système sont communiqués au client dans le journal de chat. Pour empêcher l'affichage d'un message, modifiez l'affichage de : bloc ; affichage de à : aucun ;

    Pour une description complète de chaque classe, voir Relation entre les classes ic_control et les nœuds de langage.

    Nom de style Type Description ou apparence
    89 ic_control_chatline_CLIENT_CONNECTING Le message du système lorsque le client se connecte au technicien.
    90 ic_control_chatline_CLIENT_CONNECTED Le message du système confirmant que le client est connecté au technicien.
    91 ic_control_chatline_CLIENT_END Le message du système confirmant que le client a mis fin à la session.
    92 ic_control_chatline_CLIENT_DISCONNECTED Le message du système confirmant que le client est déconnecté de la session.
    93 ic_control_chatline_CLIENT_CANNOTSTART Le message du système confirmant que le client ne peut pas démarrer une session pour une raison quelconque. Pour plus d'informations sur les erreurs possibles, voir Relation entre les classes ic_control et les nœuds de langage.
    94 ic_control_chatline_CLIENT_TIMEOUT Ce message système n'est pas utilisé.
    95 ic_control_chatline_CLIENT_REQUESTSENTFILE Le message du système confirmant qu'une demande est envoyée à l'applet pour ouvrir la boîte de dialogue Browse.
    96 ic_control_chatline_CLIENT_ REQUESTSENTCANCELFILE Le message du système confirmant qu'une demande est envoyée à l'Applet pour arrêter l'envoi d'un fichier.
    97 ic_control_chatline_TC_CONNECTED Le message du système confirmant que la connexion est établie avec une console de technicien spécifique.
    98 ic_control_chatline_TC_HOLD Le message du système confirmant que le technicien a mis la session en attente.
    99 ic_control_chatline_TC_TRANSFER Le message du système confirmant que le technicien a transféré la session à un autre technicien ou à un autre canal.
    100 ic_control_chatline_TC_END Le message du système confirmant que le technicien a mis fin à la session.
    101 ic_control_chatline_TC_EXIT Le message du système confirmant que le technicien a quitté la session.
    102 ic_control_chatline_TC_DISCONNECTED Le message du système confirmant que le technicien a perdu la connexion avec le serveur web et que le client ne peut pas communiquer avec le technicien.
    103 ic_control_chatline_TC_START_APPLET Le lien pour lancer le téléchargement de l'applet ou du fichier de configuration de l'iPhone.
    104 ic_control_chatline_TC_SHOWSURVEY Le message du système demandant au client de remplir une enquête après la fin de la session.
    105 ic_control_chatline_TC_URLPUSH Le message du système confirmant que le technicien a envoyé une URL prédéfinie au client.
    106 ic_control_chatline_APPLET_CONNECTING_GW Le message système confirmant que l'applet Rescue a établi une connexion avec la passerelle Rescue.
    107 ic_control_chatline_APPLET_AUTOPROXYLOOKUP
    108 ic_control_chatline_APPLET_FX_START Le message du système confirmant que le technicien a lancé le gestionnaire de fichiers.
    109 ic_control_chatline_APPLET_FX_END Le message du système confirmant que le technicien a arrêté le gestionnaire de fichiers.
    110 ic_control_chatline_APPLET_SENDINGLOGFILE
    111 ic_control_chatline_APPLET_PRINT
    112 ic_control_chatline_APPLET_DROPPED Le message du système confirmant que la connexion a été abandonnée.
    113 ic_control_chatline_APPLET_DISCONNECTING Le message du système confirmant la déconnexion de la session.
    114 ic_control_chatline_APPLET_RECONNECTING Le message du système confirmant que Rescue tente de reconnecter la session.
    115 ic_control_chatline_APPLET_ERROR Le message du système confirmant qu'il y a eu une erreur dans l'applet.
    116 ic_control_chatline_APPLET_DISCONNECTED Le message du système confirmant que l'applet a été déconnectée.
    117 ic_control_chatline_APPLET_FX_NOTIFY
    118 ic_control_chatline_APPLET_REBOOTING Le message du système confirmant que le technicien a redémarré l'ordinateur du client.
    119 ic_control_chatline_APPLET_DV_START Le message du système confirmant que le technicien a lancé une session de visualisation du bureau et partage son écran avec le client.
    120 ic_control_chatline_APPLET_DV_END Le message du système confirmant que le technicien a lancé une session de visualisation du bureau et partage son écran avec le client.
    121 ic_control_chatline_APPLET_RC_START Le message du système confirmant que le technicien a démarré une session de contrôle à distance.
    122 ic_control_chatline_APPLET_RC_END Le message du système confirmant que le technicien a terminé une session de contrôle à distance.
    123 ic_control_chatline_APPLET_CONNECTED Le message du système confirmant qu'une session est lancée.
    124 ic_control_chatline_APPLET_COMPLETED
    125 ic_control_chatline_APPLET_CANCELLED Le message du système confirmant que la session a été annulée.
    126 ic_text_chatline_tc
    Définit le format de la ligne du technicien dans la fenêtre de discussion instantanée.
    127 ic_text_chatline_client
    Définit le format de la ligne du client dans la fenêtre de chat instantané.
    128 ic_waitingtime

    Utilisez cette option pour afficher le temps d'attente estimé en minutes.

    .ic_waitingtime n'apparaît qu'une fois par session.

    Par exemple, .ic_waitingtime n'apparaît pas lors de la reconnexion.

    .ic_statusicon_waiting apparaît tout au long de la session lorsque le client attend le technicien.

    Note: Ce style n'est pas visible dans l'interface standard de la discussion instantanée.
    129 ic_queueposition

    Utilisez cette fonction pour indiquer la position du client dans la file d'attente des clients.

    .ic_queueposition n'apparaît qu'une fois par session.

    Par exemple, .ic_queueposition n'apparaît pas lors de la reconnexion.

    .ic_statusicon_waiting appears throughout the session whenever the customer is waiting for the technician.

    Note: Ce style n'est pas visible dans l'interface standard de la discussion instantanée.
    Article last updated: 27 September, 2022