Classes et styles de InstantChat.css
Articles related to customization are written for a technical audience who have experience in web development. Knowledge of HTML, CSS, and JavaScript are required.
Pour modifier des modèles, copiez le fichier CSS par défaut dans votre répertoire public sur votre serveur web et modifiez les spécifications de type selon les besoins.
Note: Les ressources graphiques pour Instant Chat autohébergé sont disponibles pour télécharger dans un seul fichier compressé.
| # | Nom du style | Tapez | Description ou aspect |
|---|---|---|---|
| 1 | cic_htmlcorps | <body> | L'élément <body> de la page (Instant Chat est exécuté dans une Iframe). |
| 2 | ic_body | <div> | L'affichage de la fenêtre personnalisée qui contient la fenêtre Instant Chat. |
| 3 | ic_ombrage | <div> | Définit l'image de la fenêtre personnalisée qui contient la fenêtre Instant Chat. L'option s'affiche lorsque la fenêtre Instant Chat se charge. |
| 4 | ic_charge_animations | <div> | L'animations diffusée pendant le chargement de la fenêtre Instant Chat. |
| 5 | ic_maincontentzone | <div> | L'affichage de la fenêtre Instant Chat. |
| 6 | ic_statuicon_attente | <div> | L'icône du client en attente d'un technicien. .ic_statusicon_waiting apparaît tout au long de la session chaque fois que le client attend le technicien.  |
| 7 | ic_statuicon_chat | <div> | L'icône du technicien chatter avec le client. |
| 8 | ic_statuicon_rc | <div> | L'icône du technicien qui contrôle à distance l'ordinateur du client. |
| 9 | ic_statuicon_déconnexion | <div> | L'icône du technicien lorsqu'il est déconnecté de la session LogMeIn Rescue. |
| 10 | ic_statuicon_attente | <div> | L'icône du technicien lorsque le client est mis en attente. |
| 11 | ic_statuicon_transfert | <div> | L'icône du technicien alors que la session du client est en transfert vers un autre technicien. |
| 12 | ic_statuicon_taping | <div> | L'icône du technicien qui saisit un message au client. |
| 13 | ic_statustposte | <div> | L'affichage de la zone de texte qui informe le client de son statut et du statut du technicien. Par exemple, Vous êtes en train de chatter avec John Doe. |
| 14 | ic_windowtile_container | <div> | La zone de texte du titre de la fenêtre Instant Chat. |
| 15 | ic_window | <span> | Le titre de la fenêtre Instant Chat. |
| 16 | ic_fonchange_petit | <div> | L'icône que le client utilise pour basculer vers des petites polices. |
| 17 | ic_fonchange_sonn_bordure | <div> | La bordure de l'icône de police petite. |
| 18 | ic_fonchange_medium | <div> | L'icône que le client utilise pour basculer vers des polices de taille moyenne. |
| 19 | ic_fonchange_médium_bordure | <div> | La bordure de l'icône de police de taille moyenne. |
| 20 | ic_fongchange_grand | <div> | L'icône que le client utilise pour basculer vers des polices de grande taille. |
| 21 | ic_fongchange_lage_bordure | <div> | La bordure de l'icône de police grande taille. |
| 22 | journal ic_chatlog | <div> | La mise en page du panneau de Chat de taille de police, qui est la partie supérieure de la fenêtre Instant Chat. |
| 23 | ic_chatlog_Big | <div> | La mise en page du panneau de chat de taille de police de petite taille lorsque le panneau de message n'est pas disponible. |
| 24 | ic_chatlog_support | <div> | La mise en page du panneau de taille de police moyenne. |
| 25 | ic_chatlog_médium_Big | <div> | L'affichage du panneau de taille de police de taille moyenne du journal lorsque le panneau de message n'est pas disponible. |
| 26 | ic_chatlog_grand | <div> | La mise en page du volet de chat de taille de police. |
| 27 | ic_chatlog_lage_Big | <div> | L'affichage du panneau de chat de taille de police volumineux lorsque le panneau de message n'est pas disponible. |
| 28 | ic_text_chatline | <div> | Le texte des lignes de chat sur le volet de chat.
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 pour les clients et les techniciens.
|
| 29 | Tableau ic_text_chat | <table> | Le tableau qui contient l'horodatage et le nom de la partie qui a envoyé le message de chat.
Note: Le moteur Instant Chat inclut display : inline-block pour s'assurer que Instant Chat fonctionnera sur Safari.
|
| 30 | ic_text_chatto_tr | <tr> | La ligne de table qui contient l'horodatage et le nom de la partie qui a envoyé le message de chat. C'est essentiellement la même chose que ic_text_chattable. |
| 31 | ic_text_chatto_td1 | <td> | L'affichage de l'horodatage des messages de chat. |
| 32 | ic_text_chatto_td2_client | <td> | La mise en page du nom du client sur le volet de chat. |
| 33 | ic_text_chatto_td2_tc | <td> | La mise en page du nom du technicien sur le volet de chat. |
| 34 | contenu ic_text_chatcontent | <span> | L'affichage du message de chat. |
| 35 | ligne de contrôle ic_contrôle | <div> | Une ligne dans le volet de chat, y compris l'horodatage, le nom de l'émetteur et le message de chat. |
| 36 | ic_contrôle_chat | <span> | Le format de l'horodatage des messages système dans le volet de chat. |
| 37 | contenu ic_control_chatcontent | <span> | La mise en page des messages système dans le volet de chat. |
| 38 | contenu ic_link_Chat | <span> | Le tableau des liens dans les messages système dans le volet de chat. |
| 39 | contenu ic_link.chatcontent | <span> | La mise en page des liens dans les messages système dans le volet de chat lorsque le client met la souris sur le lien. |
| 40 | ic_complémenteur | <div> | La zone du panneau de journal de chat qui est réservé pour le panneau de message lorsque cette option est activée. |
| 41 | ic_chatdéconnecté | <div> | Le volet de message de la fenêtre Instant Chat lorsque le client est déconnecté. |
| 42 | ic_filesend_touche | <div> | Le Envoyer un fichier bouton. |
| 43 | ic_files_but_bover | <div> | Le Envoyer un fichier bouton lorsque le client met la souris sur le bouton. |
| 44 | ic_files_but_oppresse | <div> | Le Envoyer un fichier lorsque le client l 'clique. |
| 45 | ic_files_but_désactivé | <div> | Le Envoyer un fichier touche lorsqu'il est désactivé. |
| 46 | bouton ic_disconnect_ | <div> | Le Déconnecter bouton. |
| 47 | ic_disconnect_but_over | <div> | Le Déconnecter bouton lorsque le client met la souris sur le bouton. |
| 48 | ic_disconnect_but_appuyé | <div> | Le Déconnecter lorsque le client l 'clique. |
| 49 | ic_disconnect_but_désactivé | <div> | Le Déconnecter touche lorsqu'il est désactivé. |
| 50 | bouton ic_send_ | <div> | Le Envoyer bouton. |
| 51 | ic_send_but_over | <div> | Le Envoyer bouton lorsque le client met la souris sur le bouton. |
| 52 | ic_send_but_appuyé | <div> | Le Envoyer lorsque le client l 'clique. |
| 53 | ic_send_but_désactivé | <div> | Le Envoyer touche lorsqu'il est désactivé. |
| 54 | lic_langu_ic_ | <div> | La liste déroulante du sélecteur de langue. |
| 55 | élément ic_langu_ | <div> | Éléments dans la liste déroulante de langue. |
| 56 | ic_lin_d’item_hsurligne_ | <div> | Un élément dans la liste déroulante de langue lorsque le client masque l'élément de menu du navigateur. |
| 57 | ic_langu_macaron_sélectionné | <div> | L'élément dans la liste déroulante qui est actuellement sélectionnée. |
| 58 | ic_language | <div> | Le contrôle de la langue. |
| 59 | ic_langu_select_texte | <table> | Le texte dans le contrôle du sélecteur de langue. |
| 60 | ic_langu_select_text_tr | <tr> | Le texte dans le contrôle du sélecteur de langue. |
| 61 | ic_langu_select_text_tic | <td> | Le texte du sélecteur de langue. |
| 62 | ic_langu_select_arrowwimg | <div> | La touche flèche du sélecteur de langue. |
| 63 | ic_chatposte | <textarea> | La zone de texte du panneau de message dans la fenêtre Instant Chat lorsque le client saisit une petite taille de police. 
Note: Le moteur Instant Chat prend en charge les navigateurs web suivants:
|
| 64 | ic_chatttt_premier | <textarea> | La zone de texte du panneau de message dans la fenêtre Instant Chat avant le début du client. 
Note: Le moteur Instant Chat prend en charge les navigateurs web suivants:
Tip: Pour laisser la boîte de chat vide : oLangChatModeArray["TYPE_HERE"] = "";
|
| 65 | ic_chatttt_support | <textarea> | La zone de texte du panneau de message dans la fenêtre Instant Chat lorsque le client saisit la taille de police moyenne. 
Note: Le moteur Instant Chat prend en charge les navigateurs web suivants:
|
| 66 | ic_chattt_médium_premier | <textarea> | La zone de texte du panneau de message dans la fenêtre Instant Chat avant le début du client. 
Note: Le moteur Instant Chat prend en charge les navigateurs web suivants:
Tip: Pour laisser la boîte de chat vide : oLangChatModeArray["TYPE_HERE"] = "";
|
| 67 | ic_chattt_volumineux | <textarea> | La zone de texte du panneau de message dans la fenêtre Instant Chat lorsque le client saisit une taille de police importante. 
Note: Le moteur Instant Chat prend en charge les navigateurs web suivants:
|
| 68 | ic_chattt_lage_premier | <textarea> | La zone de texte du panneau de message dans la fenêtre Instant Chat avant le début du client. 
Note: Le moteur Instant Chat prend en charge les navigateurs web suivants:
Tip: Pour laisser la case de chat vide : oLangChatModeVoile [« TYPE_ICI »] = " ;
|
| 69 | logo ic_custom_ | <img> | Le logo de la société du technicien. |
| 70 | ic_custom_icône | <img> | L'icône de la société du technicien. |
| 71 | ic_dialog_box | <div> | La boîte de dialogue de chat que vous pouvez afficher en appuyant sur CTRL-ALT-L. |
| 72 | ic_dialog_box_textzone | <textarea> | La zone de texte du journal de chat. |
| 73 | ic_dialog_box_debu1 | <div> | Le Copier dans le presse-papiers bouton du journal de chat. |
| 74 | ic_dialog_box_but2 | <div> | Le Annuler si la boîte de dialogue de chat est cochée. |
| 75 | ic_progression | <div> | Les barres de progression pendant l'envoi ou la réception d'un fichier. |
| 76 | ic_progressesbarsseau | <div> | Le bas du volet de chat lorsque les barres de progression sont actives. |
| 77 | ic_progression, instance | <div> | Le format des barres d'avancement individuelles. |
| 78 | ic_progressesbar_interne | <div> | L'indicateur de progression de la barre de progression. |
| 79 | ic_progression bar_titre | <div> | L'étiquette de la barre de progression. |
| 80 | Bouton ic_progress_canceltouche | <div> | Les boutons d'annulation à droite des barres de progression. |
| 81 | ic_coursbar_cancelbut_hsurf | <div> | Les boutons d'annulation à droite des barres de progression lorsque le client survolent la souris sur les touches. |
| 82 | ic_coursbar_cancelbut_appuyé | <div> | Les boutons d'annulation à droite des barres de progression lorsque le client clique sur les touches. |
| 83 | ic_progressssbar_cancelbut_désactivé | <div> | Les boutons d'annulation à droite des barres de progression lorsque les touches sont désactivées. |
Les modèles 84-88 ne sont pas visibles dans l'interface standard d'Instant Chat. Les éléments 84 et suivants sont disponibles dans la dernière version de InstantChat.css:
| # | Nom du style | Tapez | Description ou aspect |
|---|---|---|---|
| 84 | ic_technicianname | <div> | Affiche le Nom du technicien. |
| 85 | ic_sessionend_touche | <div> | Affiche un bouton que le client peut cliquer pour mettre fin à la session. |
| 86 | ic_sessionend_but_bover | <div> | Le bouton de fin de session lorsque le client met la souris sur le bouton. |
| 87 | ic_sessionend_but_appuyé | <div> | Le bouton de fin de session lorsque le client clique sur le bouton. |
| 88 | ic_sessionend_but_désactivé | <div> | Le bouton de fin de session lorsque le bouton est désactivé. |
Les modèles 89-127 sont appliqués aux messages système. Par défaut, tous les messages système sont transmis au client dans le journal de Chat. Pour empêcher l'affichage d'un message, remplacez display : block; par display : none;
Pour une description complète de chaque classe, voir Relation entre les classes ic_control et les nœuds linguistiques.
| # | Nom du style | Tapez | Description ou aspect |
|---|---|---|---|
| 89 | ic_control_chatline_CLIENT_connectoring | <div> | Le message système s'affiche lorsque le client se connecte au technicien. |
| 90 | ic_control_chatline_CLIENT_connecteD | <div> | Le message confirmant que le client est connecté au technicien. |
| 91 | ic_control_chatline_CLIENT_END | <div> | Le message confirmant que le client a mis fin à la session. |
| 92 | ic_control_chatline_CLIENT_DSCONNECTED | <div> | Le message confirmant que le client est déconnecté de la session. |
| 93 | ic_control_chatline_CLIENT_CAN | <div> | Le message confirmant que le client ne peut pas démarrer une session pour une raison quelconque. Pour en savoir plus sur les erreurs possibles, voir Relation entre les classes ic_control et les nœuds linguistiques. |
| 94 | ic_control_chatline_CLIENT_Conseils | <div> | Ce message système n'est pas utilisé. |
| 95 | ic_control_chatline_CLIENT_RQUESSTENFILE | <div> | Le message système confirmant qu'une demande est envoyée à l'Applet pour ouvrir la Parcourir boîte de dialogue. |
| 96 | ic_control_chatline_CLIENT_Requestsencancellifile | <div> | Le message suivant confirmant qu'une demande est envoyée à l'Applet pour arrêter l'envoi d'un fichier. |
| 97 | ic_control_chatline_TC_Connect | <div> | Le message système confirmant que la connexion est établie avec une Console d'assistance spécifique. |
| 98 | ic_control_chatline_TC_HOLD | <div> | Le message confirmant que le technicien a mis la session en attente. |
| 99 | ic_contrô_chatline_TC_TRANSFR | <div> | Le message système confirmant que le technicien a transféré la session vers un autre technicien ou un autre canal. |
| 100 | ic_control_chatline_TC_END | <div> | Le message confirmant que le technicien a mis fin à la session. |
| 101 | ic_contrô_chatline_TC_EXIT | <div> | Le message confirmant que le technicien a quitté la session. |
| 102 | ic_control_chatline_TC_diSCONNECTED | <div> | Le message confirmant que le technicien a perdu la connexion avec le serveur web et le client ne peut pas communiquer avec le technicien. |
| 103 | ic_control_chatline_TC_RT_APPLET | <div> | Le lien pour commencer à télécharger le fichier de configuration de l'applet ou de l'iPhone. |
| 104 | ic_control_chatline_TC_SOCWURVY | <div> | Le message système demande au client de remplir une enquête après la fin de la session. |
| 105 | ic_control_chatline_TC_URPUSH | <div> | Le message confirmant que le technicien a envoyé une URL prédéfinie au client. |
| 106 | ic_control_chatline_APPLET_connector_GW | <div> | Le message système confirmant que l'applet LogMeIn Rescue a établi une connexion avec la passerelle LogMeIn Rescue. |
| 107 | ic_contrô_chatline_APPLET_automatique | <div> | |
| 108 | ic_control_chatline_APPLET_FX_Stronc | <div> | Le message système confirmant que le technicien a démarré le gestionnaire de fichiers. |
| 109 | ic_control_chatline_APPLET_FX_END | <div> | Le message confirmant que le technicien a cessé le gestionnaire de fichiers. |
| 110 | ic_control_chatline_APPLET_Capteur | <div> | |
| 111 | ic_control_chatline_APPLET_PRINT | <div> | |
| 112 | ic_control_chatline_APPLET_DROPPED | <div> | Le message système confirmant que la connexion a été abandonnée. |
| 113 | ic_contrecol_chatline_APPLET_DSCONNECTing | <div> | Le message confirmant que la session se déconnecte. |
| 114 | ic_control_chatline_APPLET_DRAPTing | <div> | Le message du système confirmant que LogMeIn Rescue tente de reconnecter la session. |
| 115 | ic_control_chatline_APPLET_ERROR | <div> | Le message confirmant qu'il y a eu une erreur dans l'Applet. |
| 116 | ic_control_chatline_APPLET_DSCONNECTED | <div> | Le message système confirmant que l'applet a été déconnecté. |
| 117 | ic_control_chatline_APPLET_FX_NAT | <div> | |
| 118 | ic_control_chatline_APPLET_DROITing | <div> | Le message confirmant que le technicien redémarre l'ordinateur du client. |
| 119 | ic_control_chatline_APPLET_V_STOA | <div> | Le message confirmant que le technicien a démarré une session de bureau et partage son écran avec le client. |
| 120 | ic_control_chatline_APPLET_V_END | <div> | Le message confirmant que le technicien a démarré une session de bureau et partage son écran avec le client. |
| 121 | ic_control_chatline_APPLET_R_STOM | <div> | Le message confirmant que le technicien a démarré une session de contrôle à distance. |
| 122 | ic_control_chatline_APPLET_R_END | <div> | Le message confirmant que le technicien met fin à une session de contrôle à distance. |
| 123 | ic_control_chatline_APPLET_Connect | <div> | Le message confirmant qu'une session est démarrée. |
| 124 | ic_control_chatline_APPLET_COLETED | <div> | |
| 125 | ic_control_chatline_APPLET_Canada | <div> | Le message de confirmation de la session a été annulé. |
| 126 | ic_text_chatline_tc | <div> | Définit le format de la ligne du technicien dans la fenêtre Instant Chat. |
| 127 | ic_text_chatline_client | <div> | Définit le format de la ligne du client dans la fenêtre Instant Chat. |
| 128 | ic_attente | <div> | 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 chaque fois que le client attend le technicien.
Note: Ce type n'est pas visible dans l'interface standard d'Instant Chat.
|
| 129 | position ic_file | <div> | Utilisez ceci pour afficher la position du client dans la file d'attente des clients en attente. .ic_queueposition n'apparaît qu'une fois par session. Par exemple, .ic_queueposition n'apparaît pas pendant la reconnexion. .ic_statusicon_waiting apparaît tout au long de la session chaque fois que le client attend le technicien.
Note: Ce type n'est pas visible dans l'interface standard d'Instant Chat.
|
Article last updated: 11 July, 2023
You are viewing the latest version of this article.