InstantChat.css I tipi e i modelli
Articles related to customization are written for a technical audience who have experience in web development. Knowledge of HTML, CSS, and JavaScript are required.
Per cambiare gli modelli, copia il file CSS predefinito nella tua directory pubblica nel tuo server web e modifica le specifiche di stile come richiesto.
Nota: Le risorse di immagini per Instant Chat self-hosted sono disponibili per il download in un unico file compresso.
| # | Nome dello stile | Tipo | Descrizione o aspetto |
|---|---|---|---|
| 1 | ic_htmlbody | <body> | L'elemento <body> della pagina (la chat istantanea è in esecuzione in un Iframe). |
| 2 | ic_bodyarea | <div> | Il layout della finestra personalizzata che contiene la finestra di Instant Chat. |
| 3 | ic_shadow | <div> | Imposta l'interruttore della finestra personalizzata che contiene la finestra di Instant Chat. L'interfaccia viene visualizzata mentre viene caricata la finestra di caricamento di Instant Chat. |
| 4 | ic_loader_animation | <div> | L'audio viene riprodotto nella finestra di caricamento di Instant Chat. |
| 5 | ic_maincontentarea | <div> | Il layout della finestra di Instant Chat. |
| 6 | ic_statusicon_waiting | <div> | L'icona del cliente è in attesa di un tecnico. .ic_statusicon_waiting appare durante la sessione ogni volta che il cliente sta aspettando il tecnico.  |
| 7 | ic_statusicon_chat | <div> | L'icona del tecnico che è in esecuzione con il cliente. |
| 8 | ic_statusicon_rc | <div> | L'icona del tecnico che controlla in remoto il computer del cliente. |
| 9 | ic_statusicon_disconnect | <div> | L'icona del tecnico quando viene disconnesso dalla sessione LogMeIn Rescue. |
| 10 | ic_statusicon_hold | <div> | L'icona del tecnico quando il cliente è in attesa. |
| 11 | ic_statusicon_transfer | <div> | L'icona del tecnico mentre la sessione del cliente è in trasferimento a un altro tecnico. |
| 12 | ic_statusicon_typing | <div> | L'icona del tecnico che sta digitando un messaggio per il cliente. |
| 13 | ic_statustext | <div> | Il layout dell'area di testo che fornisce al cliente il suo stato e lo stato del tecnico. Ad esempio, Stai chattando con John Doe. |
| 14 | ic_windowtitle_container | <div> | L'area di testo del titolo della finestra Instant Chat. |
| 15 | ic_windowtitle | <span> | Il titolo della finestra di Instant Chat. |
| 16 | ic_fontchange_small | <div> | L'icona che il cliente usa per passare a caratteri di piccole dimensioni. |
| 17 | ic_fontchange_small_border | <div> | Il bordo dell'icona di piccole dimensioni dei caratteri. |
| 18 | ic_fontchange_medium | <div> | L'icona che il cliente usa per passare ai caratteri di dimensione media. |
| 19 | ic_fontchange_medium_border | <div> | Il bordo dell'icona di carattere medio. |
| 20 | ic_fontchange_large | <div> | L'icona che il cliente usa per passare a caratteri di grandi dimensioni. |
| 21 | ic_fontchange_large_border | <div> | Il bordo dell'icona di grandi dimensioni dei caratteri. |
| 22 | ic_chatlog | <div> | Il layout del riquadro di prova di dimensioni dei caratteri di piccole dimensioni, che è la parte superiore della finestra di Instant Chat. |
| 23 | ic_chatlog_big | <div> | Il layout del riquadro di registro di dimensioni dei caratteri di piccole dimensioni quando il riquadro del messaggio non è disponibile. |
| 24 | ic_chatlog_medium | <div> | Il layout del riquadro di prova di dimensioni dei caratteri Media. |
| 25 | ic_chatlog_medium_big | <div> | Il layout del riquadro di registro di dimensioni dei caratteri Media quando il riquadro del messaggio non è disponibile. |
| 26 | ic_chatlog_large | <div> | Il layout del riquadro di registro di dimensioni dei caratteri di grandi dimensioni. |
| 27 | ic_chatlog_large_big | <div> | Il layout del riquadro di registro di dimensioni dei caratteri di grandi dimensioni quando il riquadro del messaggio non è disponibile. |
| 28 | ic_text_chatline | <div> | Il testo delle linee di chat del riquadro Registro di chat.
Nota: Usa .ic_text_chatline_tc e .ic_text_chatline_client invece di .ic_text_chatline per differenziare lo stile delle linee di chat per clienti e tecnici.
|
| 29 | ic_text_chattable | <table> | La tabella contenente il timestamp e il nome della parte che ha inviato il messaggio di chat.
Nota: Il motore Instant Chat include display: inline-block per assicurare che Instant Chat venga eseguito su Safari.
|
| 30 | ic_text_chattable_tr | <tr> | La riga della tabella contenente il timestamp e il nome della parte che ha inviato il messaggio di chat. È essenzialmente uguale a ic_text_chattable. |
| 31 | ic_text_chattable_td1 | <td> | Il layout del timestamp dei messaggi chat. |
| 32 | ic_text_chattable_td2_client | <td> | Il layout del nome del cliente nel riquadro Registro di chat. |
| 33 | ic_text_chattable_td2_tc | <td> | Il layout del nome del tecnico nel riquadro Registro di chat. |
| 34 | ic_text_chatcontent | <span> | Il layout del messaggio di chat. |
| 35 | ic_control_chatline | <div> | Una linea nel riquadro Registro di chat include il timestamp, il nome del mittente e il messaggio chat. |
| 36 | ic_control_chattime | <span> | Il layout della timestamp dei messaggi di sistema nel riquadro Registro di chat. |
| 37 | ic_control_chatcontent | <span> | Il layout dei messaggi di sistema nel riquadro Registro di chat. |
| 38 | ic_link_chatcontent | <span> | Il layout dei collegamenti nei messaggi di sistema nel riquadro Registro di chat. |
| 39 | ic_linkhover_chatcontent | <span> | Il layout dei collegamenti nei messaggi di sistema nel riquadro Registro di chat quando il cliente passa il mouse sul collegamento. |
| 40 | ic_complementer | <div> | L'area del riquadro di grandi dimensioni di chat che è riservato al riquadro dei messaggi quando è abilitato. |
| 41 | ic_chatdisconnected | <div> | Il riquadro dei messaggi della finestra di Instant Chat quando il cliente è disconnesso. |
| 42 | ic_filesend_button | <div> | L ' Invia file pulsante. |
| 43 | ic_filesend_button_hover | <div> | L ' Invia file pulsante quando il cliente passa il puntatore del mouse sul pulsante. |
| 44 | ic_filesend_button_pressed | <div> | L ' Invia file pulsante quando il cliente lo fa clic. |
| 45 | ic_filesend_button_disabled | <div> | L ' Invia file pulsante quando è disabilitato. |
| 46 | ic_disconnect_button | <div> | L ' Disconnetti pulsante. |
| 47 | ic_disconnect_button_hover | <div> | L ' Disconnetti pulsante quando il cliente passa il puntatore del mouse sul pulsante. |
| 48 | ic_disconnect_button_pressed | <div> | L ' Disconnetti pulsante quando il cliente lo fa clic. |
| 49 | ic_disconnect_button_disabled | <div> | L ' Disconnetti pulsante quando è disabilitato. |
| 50 | ic_send_button | <div> | L ' Invia pulsante. |
| 51 | ic_send_button_hover | <div> | L ' Invia pulsante quando il cliente passa il puntatore del mouse sul pulsante. |
| 52 | ic_send_button_pressed | <div> | L ' Invia pulsante quando il cliente lo fa clic. |
| 53 | ic_send_button_disabled | <div> | L ' Invia pulsante quando è disabilitato. |
| 54 | ic_lang_container | <div> | L'elenco a discesa del selettore della lingua. |
| 55 | ic_lang_menuitem | <div> | Gli elementi nell'elenco a discesa della lingua. |
| 56 | ic_lang_menuitem_hover | <div> | Un elemento nell’elenco a discesa della lingua quando il cliente passa all’elemento del menu disattivato. |
| 57 | ic_lang_menuitem_selected | <div> | L'elemento nell'elenco a discesa della lingua attualmente selezionato. |
| 58 | ic_lang_select | <div> | Il controllo del selettore della lingua. |
| 59 | ic_lang_select_text | <table> | Il testo del controllo del selettore di lingua. |
| 60 | ic_lang_select_text_tr | <tr> | Il testo del controllo del selettore di lingua. |
| 61 | ic_lang_select_text_td | <td> | Il testo nel controllo del selettore della lingua. |
| 62 | ic_lang_select_arrowimg | <div> | Il pulsante freccia del controllo del selettore della lingua. |
| 63 | ic_chattext | <textarea> | L'area di testo del riquadro dei messaggi nella finestra Instant Chat quando il cliente digita dimensioni di caratteri di piccole dimensioni. 
Nota: Il motore Instant Chat supporta i seguenti browser:
|
| 64 | ic_chattext_first | <textarea> | L'area di testo del riquadro dei messaggi nella finestra Instant Chat prima che il cliente avvii la digitazione. 
Nota: Il motore Instant Chat supporta i seguenti browser:
Suggerimento: Per lasciare la casella della chat vuota: oLangChatModeArray["TYPE_HERE"] = "";
|
| 65 | ic_chattext_medium | <textarea> | L'area di testo del riquadro dei messaggi nella finestra Instant Chat quando il cliente sta usando dimensioni medie dei caratteri. 
Nota: Il motore Instant Chat supporta i seguenti browser:
|
| 66 | ic_chattext_medium_first | <textarea> | L'area di testo del riquadro dei messaggi nella finestra Instant Chat prima che il cliente avvii la digitazione. 
Nota: Il motore Instant Chat supporta i seguenti browser:
Suggerimento: Per lasciare la casella della chat vuota: oLangChatModeArray["TYPE_HERE"] = "";
|
| 67 | ic_chattext_large | <textarea> | L'area di testo del riquadro dei messaggi nella finestra Instant Chat quando il cliente digita dimensioni dei caratteri di grandi dimensioni. 
Nota: Il motore Instant Chat supporta i seguenti browser:
|
| 68 | ic_chattext_large_first | <textarea> | L'area di testo del riquadro dei messaggi nella finestra Instant Chat prima che il cliente avvii la digitazione. 
Nota: Il motore Instant Chat supporta i seguenti browser:
Suggerimento: Per lasciare la casella di chat, oLangChatModeConverter [" TYPE_HERE "] = ";
|
| 69 | ic_custom_logo | <img> | Il logo dell'azienda del tecnico. |
| 70 | ic_custom_icon | <img> | L'icona dell'azienda del tecnico. |
| 71 | ic_dialog_box | <div> | La finestra di dialogo di chat che puoi eseguire premendo CTRL-ALTT L. |
| 72 | ic_dialog_box_textarea | <textarea> | L'area di testo della finestra di dialogo di chat. |
| 73 | ic_dialog_box_button1 | <div> | L ' Copia negli appunti pulsante della finestra di dialogo di chat. |
| 74 | ic_dialog_box_button2 | <div> | L ' Annullare pulsante se la finestra di dialogo di chat. |
| 75 | ic_progressbars | <div> | Le barre di avanzamento durante l'invio o la ricezione di un file. |
| 76 | ic_progressbars_chatbottom | <div> | La parte inferiore del riquadro Registro di chat quando le barre di avanzamento sono attive. |
| 77 | ic_progressbar_instance | <div> | Il layout dei singoli barre di avanzamento. |
| 78 | ic_progressbar_inner | <div> | L'indicatore di avanzamento della barra di avanzamento. |
| 79 | ic_progressbar_title | <div> | L'etichetta della barra di avanzamento. |
| 80 | ic_progressbar_cancelbutton | <div> | I pulsanti di annullamento sulla destra delle barre di avanzamento. |
| 81 | ic_progressbar_cancelbutton_hover | <div> | I pulsanti di annullamento sulla destra dei barre di avanzamento quando il cliente passa il mouse sui pulsanti. |
| 82 | ic_progressbar_cancelbutton_pressed | <div> | I pulsanti di annullamento sulla destra delle barre di avanzamento quando il cliente fa clic sui pulsanti. |
| 83 | ic_progressbar_cancelbutton_disabled | <div> | I pulsanti di annullamento sulla destra delle barre di avanzamento quando i pulsanti sono disattivati. |
I modelli 84-88 non sono visibili nell'interfaccia standard di Instant Chat. Le voci 84e versione successiva sono disponibili nella versione più recente di InstantChat.css:
| # | Nome dello stile | Tipo | Descrizione o aspetto |
|---|---|---|---|
| 84 | ic_technicianname | <div> | Mostra il Nome del tecnico. |
| 85 | ic_sessionend_button | <div> | Mostra un pulsante che il cliente può fare clic per terminare la sessione. |
| 86 | ic_sessionend_button_hover | <div> | Il pulsante Termina sessione quando il cliente passa il mouse sul pulsante. |
| 87 | ic_sessionend_button_pressed | <div> | Il pulsante Termina sessione quando il cliente fa clic sul pulsante. |
| 88 | ic_sessionend_button_disabled | <div> | Il pulsante Termina sessione quando il pulsante è disabilitato. |
I modelli 89-127 si applicano ai messaggi di sistema. Per impostazione predefinita, tutti i messaggi di sistema vengono comunicato al cliente nel registro Chat. Per evitare che un messaggio venga visualizzato, cambia display: block; in display: none;.
Per una descrizione completa di ciascuna classe, vedi Relazione tra ic_control Amministratori e nodi della lingua.
| # | Nome dello stile | Tipo | Descrizione o aspetto |
|---|---|---|---|
| 89 | ic_control_chatline_CLIENT_CONNECTING | <div> | Il messaggio di sistema quando il cliente si connette al tecnico. |
| 90 | ic_control_chatline_CLIENT_CONNECTED | <div> | Il messaggio di sistema che conferma che il cliente è connesso al tecnico. |
| 91 | ic_control_chatline_CLIENT_END | <div> | Il messaggio di sistema che conferma che il cliente ha terminato la sessione. |
| 92 | ic_control_chatline_CLIENT_DISCONNECTED | <div> | Il messaggio di sistema che conferma che il cliente viene disconnesso dalla sessione. |
| 93 | ic_control_chatline_CLIENT_CANNOTSTART | <div> | Il messaggio di sistema che conferma che il cliente non può avviare una sessione per qualche motivo. Per informazioni sugli eventuali errori, vedi Relazione tra ic_control Amministratori e nodi della lingua. |
| 94 | ic_control_chatline_CLIENT_TIMEOUT | <div> | Questo messaggio di sistema non è in uso. |
| 95 | ic_control_chatline_CLIENT_REQUESTSENTFILE | <div> | Il messaggio di sistema che conferma che viene inviata una richiesta all'Applet per aprire la Esplora finestra di dialogo. |
| 96 | ic_control_chatline_CLIENT_ File di Richiesta | <div> | Il messaggio di sistema che conferma che viene inviata una richiesta all’Applet per arrestare l’invio di un file. |
| 97 | ic_control_chatline_TC_CONNECTED | <div> | Il messaggio di sistema che conferma la connessione viene stabilita con una Console dei tecnici specifica. |
| 98 | ic_control_chatline_TC_HOLD | <div> | Il messaggio di sistema che conferma che il tecnico ha messo in sospeso la sessione. |
| 99 | ic_control_chatline_TC_TRANSFER | <div> | Il messaggio di sistema che conferma che il tecnico ha trasferito la sessione a un altro tecnico o a un altro canale. |
| 100 | ic_control_chatline_TC_END | <div> | Il messaggio di sistema che conferma che il tecnico ha terminato la sessione. |
| 101 | ic_control_chatline_TC_EXIT | <div> | Il messaggio di sistema che conferma che il tecnico ha lasciato la sessione. |
| 102 | ic_control_chatline_TC_DISCONNECTED | <div> | Il messaggio di sistema che conferma che il tecnico ha perso la connessione con il server web e il cliente non può comunicare con il tecnico. |
| 103 | ic_control_chatline_TC_START_APPLET | <div> | Il collegamento per avviare il download del file di configurazione dell’applet o dell’iPhone. |
| 104 | ic_control_chatline_TC_SHOWSURVEY | <div> | Il messaggio di sistema che richiede al cliente di compilare un'indagine dopo la conclusione della sessione. |
| 105 | ic_control_chatline_TC_URLPUSH | <div> | Il messaggio di sistema che conferma che il tecnico ha inviato al cliente un URL predefinito. |
| 106 | ic_control_chatline_APPLET_CONNECTING_GW | <div> | Il messaggio di sistema che conferma che il Applet LogMeIn Rescue ha stabilito una connessione con il gateway LogMeIn Rescue. |
| 107 | ic_control_chatline_APPLET_AUTOPROXYLOOKUP | <div> | |
| 108 | ic_control_chatline_APPLET_FX_START | <div> | Il messaggio di sistema che conferma che il tecnico ha avviato il gestore di file. |
| 109 | ic_control_chatline_APPLET_FX_END | <div> | Il messaggio di sistema che conferma che il tecnico ha interrotto il gestore di file. |
| 110 | ic_control_chatline_APPLET_SENDINGLOGFILE | <div> | |
| 111 | ic_control_chatline_APPLET_PRINT | <div> | |
| 112 | ic_control_chatline_APPLET_DROPPED | <div> | Il messaggio di sistema che conferma che la connessione è stata interrotta. |
| 113 | ic_control_chatline_APPLET_DISCONNECTING | <div> | Il messaggio di sistema che conferma che la sessione viene disconnessa. |
| 114 | ic_control_chatline_APPLET_RECONNECTING | <div> | Il messaggio di sistema conferma che LogMeIn Rescue ha tentato di riconnettere la sessione. |
| 115 | ic_control_chatline_APPLET_ERROR | <div> | Il messaggio di sistema che conferma che è presente un errore nell'Applet. |
| 116 | ic_control_chatline_APPLET_DISCONNECTED | <div> | Il messaggio di sistema che conferma che l'applet è stato disconnesso. |
| 117 | ic_control_chatline_APPLET_FX_NOTIFY | <div> | |
| 118 | ic_control_chatline_APPLET_REBOOTING | <div> | Il messaggio di sistema che conferma che il tecnico ha riavviato il computer del cliente. |
| 119 | ic_control_chatline_APPLET_DV_START | <div> | Il messaggio di sistema conferma che il tecnico ha avviato una sessione di visualizzazione del desktop e condivide il suo schermo con il cliente. |
| 120 | ic_control_chatline_APPLET_DV_END | <div> | Il messaggio di sistema conferma che il tecnico ha avviato una sessione di visualizzazione del desktop e condivide il suo schermo con il cliente. |
| 121 | ic_control_chatline_APPLET_RC_START | <div> | Il messaggio di sistema che conferma che il tecnico ha avviato una sessione di controllo remoto. |
| 122 | ic_control_chatline_APPLET_RC_END | <div> | Il messaggio di sistema che conferma che il tecnico ha terminato una sessione di controllo remoto. |
| 123 | ic_control_chatline_APPLET_CONNECTED | <div> | Il messaggio di sistema che conferma che viene avviata una sessione. |
| 124 | ic_control_chatline_APPLET_COMPLETED | <div> | |
| 125 | ic_control_chatline_APPLET_CANCELLED | <div> | Il messaggio di sistema che conferma che la sessione è stata annullata. |
| 126 | ic_text_chatline_tc | <div> | Imposta il formato della linea del tecnico nella finestra di Instant Chat. |
| 127 | ic_text_chatline_client | <div> | Imposta il formato della linea del cliente nella finestra di Instant Chat. |
| 128 | ic_waitingtime | <div> | Usa questo per mostrare il tempo di attesa stimato in minuti. .ic_waitingtime appare solo una volta per sessione. Ad esempio, .ic_waitingtime non appare durante la riconnessione. .ic_statusicon_waiting appare durante la sessione ogni volta che il cliente aspetta il tecnico.
Nota: Questo modello non è visibile nell'interfaccia standard di Instant Chat.
|
| 129 | ic_queueposition | <div> | Usa questo per visualizzare la posizione del cliente nella coda dei clienti in attesa. .ic_queueposition appare solo una volta per sessione. Ad esempio, .ic_queueposition non appare durante la riconnessione. .ic_statusicon_waiting appare durante la sessione ogni volta che il cliente aspetta il tecnico.
Nota: Questo modello non è visibile nell'interfaccia standard di Instant Chat.
|
Articolo Ultimo aggiornamento: 11 July, 2023
You are viewing the latest version of this article.