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é.
| N° | 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:
|
|
| 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:
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:
|
|
| 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:
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:
|
|
| 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:
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:
| N° | 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.
| N° | 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