Classi e stili di InstantChat.css
Gli articoli sulla personalizzazione sono rivolti a un pubblico tecnico con esperienza nello sviluppo Web. È necessaria la conoscenza dei linguaggi HTML, CSS e JavaScript.
Per modificare gli stili, copiare il file CSS predefinito nella cartella pubblica del server web e modificare le specifiche di stile come richiesto.
Note: Le risorse di immagine per la chat istantanea self-hosted sono disponibili per il download in un unico file compresso.
| # | Nome dello stile | Type (Tipo) | Descrizione o aspetto |
|---|---|---|---|
| 1 | corpo_html | L'elemento della pagina (la chat istantanea viene eseguita in un Iframe). |
|
| 2 | area_corpo | Il layout della finestra personalizzata che contiene la finestra di chat istantanea. |
|
| 3 | ic_shadow | Imposta l'ombra della finestra personalizzata che contiene la finestra di chat istantanea. L'ombra appare durante il caricamento della finestra di chat istantanea.  |
|
| 4 | ic_loader_animation | L'animazione riprodotta durante il caricamento della finestra di chat istantanea.  |
|
| 5 | ic_maincontentarea | Il layout della finestra della chat istantanea.  |
|
| 6 | ic_statusicon_waiting | L'icona del cliente in attesa di un tecnico. .ic_statusicon_waiting appare durante la sessione ogni volta che il cliente è in attesa del tecnico.  |
|
| 7 | ic_statusicon_chat | L'icona del tecnico che chiacchiera con il cliente.  |
|
| 8 | ic_statusicon_rc | L'icona del tecnico che controlla a distanza il computer del cliente.  |
|
| 9 | ic_statusicon_disconnect | L'icona del tecnico quando viene disconnesso dalla sessione Rescue.  |
|
| 10 | ic_statusicon_hold | L'icona del tecnico quando il cliente viene messo in attesa.  |
|
| 11 | ic_statusicon_transfer | L'icona del tecnico mentre la sessione del cliente è in corso viene trasferita a un altro tecnico.  |
|
| 12 | ic_statusicon_typing | L'icona del tecnico che sta digitando un messaggio per il cliente.  |
|
| 13 | ic_statustext | Il layout dell'area di testo che informa il cliente sul suo stato e su quello del tecnico. Ad esempio, Si sta chattando con lo sconosciuto.  |
|
| 14 | contenitore_titolo_della_finestra | L'area di testo del titolo della finestra di chat istantanea. |
|
| 15 | titolo_della_finestra | Il titolo della finestra di chat istantanea.  |
|
| 16 | ic_fontchange_small | L'icona che il cliente utilizza per passare ai caratteri piccoli.  |
|
| 17 | ic_fontchange_small_border | Il bordo dell'icona del carattere piccolo.  |
|
| 18 | ic_fontchange_medium | L'icona che il cliente utilizza per passare ai caratteri di medie dimensioni.  |
|
| 19 | ic_fontchange_medium_border | Il bordo dell'icona del carattere di medie dimensioni.  |
|
| 20 | ic_fontchange_large | L'icona che il cliente utilizza per passare ai caratteri grandi.  |
|
| 21 | ic_fontchange_large_border | Il bordo dell'icona a caratteri grandi.  |
|
| 22 | ic_chatlog | Il layout del riquadro chatlog di dimensioni ridotte, che è la parte superiore della finestra di chat istantanea.  |
|
| 23 | ic_chatlog_big | Il layout del riquadro chatlog di dimensioni ridotte quando il riquadro dei messaggi non è disponibile.  |
|
| 24 | ic_chatlog_medium | Il layout del riquadro del chatlog di dimensioni medie.  |
|
| 25 | ic_chatlog_medium_big | Il layout del riquadro del chatlog di dimensioni medie quando il riquadro dei messaggi non è disponibile.  |
|
| 26 | ic_chatlog_large | Il layout del riquadro del chatlog con caratteri di grandi dimensioni.  |
|
| 27 | ic_chatlog_large_big | Il layout del riquadro del chatlog con caratteri grandi quando il riquadro dei messaggi non è disponibile.  |
|
| 28 | ic_text_chatline | Il testo delle righe della chat nel riquadro del chatlog.  Note: Utilizzare .ic_text_chatline_tc e .ic_text_chatline_client invece di .ic_text_chatline per differenziare lo stile delle chat line per clienti e tecnici. |
|
| 29 | ic_text_chattable | La tabella che contiene il timestamp e il nome dell'utente che ha inviato il messaggio di chat.  Note: Il motore di chat istantanea include la visualizzazione di : inline-block per garantire che Instant Chat funzioni su Safari. |
|
| 30 | ic_text_chattable_tr | La riga della tabella che contiene il timestamp e il nome dell'utente che ha inviato il messaggio di chat. È essenzialmente uguale a ic_text_chattable.  |
|
| 31 | ic_text_chattable_td1 | Il layout del timestamp dei messaggi di chat.  |
|
| 32 | ic_text_chattable_td2_client | Il layout del nome del cliente nel riquadro del chatlog.  |
|
| 33 | ic_text_chattable_td2_tc | Il layout del nome del tecnico nel riquadro del chatlog.  |
|
| 34 | ic_text_chatcontent | Il layout del messaggio di chat.  |
|
| 35 | ic_control_chatline | Una riga nel riquadro del chatlog che include il timestamp, il nome del mittente e il messaggio della chat.  |
|
| 36 | ic_control_chattime | Il layout del timestamp dei messaggi di sistema nel riquadro chatlog.  |
|
| 37 | ic_control_chatcontent | La disposizione dei messaggi di sistema nel riquadro chatlog.  |
|
| 38 | ic_link_chatcontent | La disposizione dei collegamenti nei messaggi di sistema nel riquadro del chatlog.  |
|
| 39 | ic_linkhover_chatcontent | La disposizione dei link nei messaggi di sistema nel riquadro del chatlog quando il cliente passa il mouse sul link.  |
|
| 40 | ic_complementatore | L'area del riquadro grande del chatlog riservata al riquadro dei messaggi quando questo è abilitato. |
|
| 41 | ic_chatdisconnesso | Il riquadro dei messaggi della finestra della chat istantanea quando il cliente viene disconnesso.  |
|
| 42 | ic_filesend_button | Il pulsante Invia file.  |
|
| 43 | ic_filesend_button_hover | Il pulsante Invia file quando il cliente passa il mouse sul pulsante.  |
|
| 44 | ic_filesend_button_pressed | Il pulsante Invia file quando il cliente fa clic su di esso.  |
|
| 45 | ic_filesend_button_disabled | Il pulsante Invia file quando è disattivato.  |
|
| 46 | ic_disconnect_button | Il pulsante Disconnect.  |
|
| 47 | ic_disconnect_button_hover | Il pulsante Disconnetti quando il cliente passa il mouse sul pulsante.  |
|
| 48 | ic_disconnect_button_pressed | Il pulsante Disconnect quando il cliente fa clic su di esso.  |
|
| 49 | ic_disconnect_button_disabled | Il pulsante Disconnect quando è disattivato.  |
|
| 50 | ic_send_button | Il pulsante Invia.  |
|
| 51 | ic_send_button_hover | Il pulsante Invia quando il cliente passa il mouse sul pulsante.  |
|
| 52 | ic_send_button_pressed | Il pulsante Invia quando il cliente lo clicca.  |
|
| 53 | ic_send_button_disabled | Il pulsante Invia quando è disattivato.  |
|
| 54 | contenitore ic_lang | L'elenco a discesa del selettore di lingua.  |
|
| 55 | ic_lang_menuitem | Voci nell'elenco a discesa della lingua.  |
|
| 56 | ic_lang_menuitem_hover | Una voce dell'elenco a discesa delle lingue quando il cliente passa il mouse su quella voce di menu.  |
|
| 57 | ic_lang_menuitem_selected | La voce dell'elenco a discesa della lingua attualmente selezionata.  |
|
| 58 | ic_lang_select | Il controllo del selettore di lingua.  |
|
| 59 | ic_lang_select_text | Il testo del controllo del selettore di lingua.  |
|
| 60 | ic_lang_select_text_tr | Il testo del controllo del selettore di lingua.  |
|
| 61 | ic_lang_select_text_td | Il testo del controllo del selettore di lingua.  |
|
| 62 | ic_lang_select_arrowimg | Il tasto freccia del selettore di lingua.  |
|
| 63 | ic_chattext | L'area di testo del riquadro dei messaggi nella finestra della chat istantanea quando il cliente digita con caratteri di dimensioni ridotte.  Note: Il motore di chat istantanea supporta i seguenti browser web:
|
|
| 64 | ic_chattext_first | L'area di testo del riquadro dei messaggi nella finestra della chat istantanea prima che il cliente inizi a digitare.  Note: Il motore di chat istantanea supporta i seguenti browser web:
Suggerimento: Per lasciare la casella di chat vuota: oLangChatModeArray["TYPE_HERE"] = ""; |
|
| 65 | ic_chattext_medium | L'area di testo del riquadro dei messaggi nella finestra della chat istantanea quando il cliente digita con caratteri di dimensioni medie.  Note: Il motore di chat istantanea supporta i seguenti browser web:
|
|
| 66 | ic_chattext_medium_first | L'area di testo del riquadro dei messaggi nella finestra della chat istantanea prima che il cliente inizi a digitare.  Note: Il motore di chat istantanea supporta i seguenti browser web:
Suggerimento: Per lasciare la casella di chat vuota: oLangChatModeArray["TYPE_HERE"] = ""; |
|
| 67 | ic_chattext_large | L'area di testo del riquadro dei messaggi nella finestra della chat istantanea quando il cliente digita con caratteri di grandi dimensioni.  Note: Il motore di chat istantanea supporta i seguenti browser web:
|
|
| 68 | ic_chattext_large_first | L'area di testo del riquadro dei messaggi nella finestra della chat istantanea prima che il cliente inizi a digitare.  Note: Il motore di chat istantanea supporta i seguenti browser web:
Suggerimento: Per lasciare vuota la casella di chat: oLangChatModeArray["TYPE_HERE"] = ""; |
|
| 69 | logo ic_custom | Il logo dell'azienda del tecnico.  |
|
| 70 | ic_custom_icon | L'icona dell'azienda del tecnico.  |
|
| 71 | ic_dialog_box | La finestra di dialogo del chatlog che può essere visualizzata premendo CTRL-ALT-L.  |
|
| 72 | ic_dialog_box_textarea | L'area di testo della finestra di dialogo Chatlog. |
|
| 73 | ic_dialog_box_button1 | Il pulsante Copia negli appunti della finestra di dialogo Chatlog. |
|
| 74 | ic_dialog_box_button2 | Il pulsante Annulla se la finestra di dialogo del chatlog. |
|
| 75 | ic_progressbars | Le barre di avanzamento durante l'invio o la ricezione di un file.  |
|
| 76 | ic_progressbars_chatbottom | La parte inferiore del riquadro del chatlog quando le barre di avanzamento sono attive.  |
|
| 77 | ic_progressbar_instance | Il layout delle singole barre di avanzamento.  |
|
| 78 | ic_progressbar_inner | L'indicatore di avanzamento della barra di avanzamento.  |
|
| 79 | ic_progressbar_title | L'etichetta della barra di avanzamento.  |
|
| 80 | ic_progressbar_cancelbutton | I pulsanti di annullamento a destra delle barre di avanzamento.  |
|
| 81 | ic_progressbar_cancelbutton_hover | I pulsanti di annullamento a destra delle barre di avanzamento quando il cliente passa il mouse sopra i pulsanti.  |
|
| 82 | ic_progressbar_cancelbutton_pressed | I pulsanti di annullamento a destra delle barre di avanzamento quando il cliente fa clic sui pulsanti.  |
|
| 83 | ic_progressbar_cancelbutton_disabled | I pulsanti di annullamento a destra delle barre di avanzamento quando i pulsanti sono disattivati.  |
Gli stili 84-88 non sono visibili nell'interfaccia standard della chat istantanea. Gli elementi 84 e successivi sono disponibili nell'ultima versione di InstantChat.css:
| # | Nome dello stile | Type (Tipo) | Descrizione o aspetto |
|---|---|---|---|
| 84 | nome_tecnico | Mostra il nome del tecnico. | |
| 85 | ic_sessionend_button | Mostra un pulsante su cui il cliente può fare clic per terminare la sessione. | |
| 86 | ic_sessionend_button_hover | Il pulsante di fine sessione quando il cliente passa il mouse sul pulsante. | |
| 87 | ic_sessionend_button_pressed | Il pulsante di fine sessione quando il cliente fa clic sul pulsante. | |
| 88 | ic_sessionend_button_disabled | Il pulsante di fine sessione quando il pulsante è disabilitato. |
Gli stili 89-127 si applicano ai messaggi di sistema. Per impostazione predefinita, tutti i messaggi di sistema vengono comunicati al cliente nel Registro di conversazione. Per evitare la visualizzazione di un messaggio, modificare la visualizzazione di : block; a display: nessuno;
Per una descrizione completa di ciascuna classe, vedere Relazione tra le classi ic_control e i nodi linguistici.
| # | Nome dello stile | Type (Tipo) | Descrizione o aspetto |
|---|---|---|---|
| 89 | ic_control_chatline_CLIENT_CONNECTING | Il messaggio del sistema quando il cliente si collega al tecnico. | |
| 90 | ic_control_chatline_CLIENT_CONNECTED | Il messaggio di sistema che conferma che il cliente è collegato al tecnico. | |
| 91 | ic_control_chatline_CLIENT_END | Il messaggio di sistema che conferma che il cliente ha terminato la sessione. | |
| 92 | ic_control_chatline_CLIENT_DISCONNECTED | Il messaggio di sistema che conferma la disconnessione del cliente dalla sessione. | |
| 93 | ic_control_chatline_CLIENT_CANNOTSTART | Il messaggio di sistema conferma che il cliente non può avviare una sessione per qualche motivo. Per informazioni sui possibili errori, vedere Relazione tra le classi ic_control e i nodi del linguaggio. | |
| 94 | ic_control_chatline_CLIENT_TIMEOUT | Questo messaggio di sistema non è in uso. | |
| 95 | ic_control_chatline_CLIENT_REQUESTSENTFILE | Il messaggio di sistema che conferma l'invio di una richiesta all'Applet per aprire la finestra di dialogo Browse. | |
| 96 | ic_control_chatline_CLIENT_ REQUESTSENTCANCELFILE | Il messaggio di sistema che conferma l'invio di una richiesta all'applet per interrompere l'invio di un file. | |
| 97 | ic_control_chatline_TC_CONNECTED | Il messaggio di sistema che conferma che la connessione è stata stabilita con una specifica console tecnica. | |
| 98 | ic_control_chatline_TC_HOLD | Il messaggio del sistema conferma che il tecnico ha messo in attesa la sessione. | |
| 99 | ic_control_chatline_TC_TRANSFER | Il messaggio di sistema che conferma che il tecnico ha trasferito la sessione a un altro tecnico o canale. | |
| 100 | ic_control_chatline_TC_END | Il messaggio di sistema che conferma che il tecnico ha terminato la sessione. | |
| 101 | ic_control_chatline_TC_EXIT | Il messaggio di sistema che conferma che il tecnico ha lasciato la sessione. | |
| 102 | ic_control_chatline_TC_DISCONNECTED | Il messaggio di sistema 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 | Il link per avviare il download dell'applet o del file di configurazione dell'iPhone. | |
| 104 | ic_control_chatline_TC_SHOWSURVEY | Il messaggio del sistema chiede al cliente di compilare un sondaggio al termine della sessione. | |
| 105 | ic_control_chatline_TC_URLPUSH | Il messaggio di sistema conferma che il tecnico ha inviato un URL predefinito al cliente. | |
| 106 | ic_control_chatline_APPLET_CONNECTING_GW | Il messaggio di sistema che conferma che l'applet Rescue ha stabilito una connessione con il gateway Rescue. | |
| 107 | ic_control_chatline_APPLET_AUTOPROXYLOOKUP | ||
| 108 | ic_control_chatline_APPLET_FX_START | Il messaggio di sistema conferma che il tecnico ha avviato il file manager. | |
| 109 | ic_control_chatline_APPLET_FX_END | Il messaggio di sistema conferma che il tecnico ha interrotto il file manager. | |
| 110 | ic_control_chatline_APPLET_SENDINGLOGFILE | ||
| 111 | ic_control_chatline_APPLET_PRINT | ||
| 112 | ic_control_chatline_APPLET_DROPPED | Il messaggio di sistema che conferma l'interruzione della connessione. | |
| 113 | ic_control_chatline_APPLET_DISCONNECTING | Il messaggio di sistema che conferma la disconnessione della sessione. | |
| 114 | ic_control_chatline_APPLET_RECONNECTING | Il messaggio di sistema conferma che Rescue tenta di riconnettere la sessione. | |
| 115 | ic_control_chatline_APPLET_ERROR | Il messaggio di sistema conferma che si è verificato un errore nell'applet. | |
| 116 | ic_control_chatline_APPLET_DISCONNECTED | Il messaggio di sistema che conferma la disconnessione dell'applet. | |
| 117 | ic_control_chatline_APPLET_FX_NOTIFY | ||
| 118 | ic_control_chatline_APPLET_REBOOTING | Il messaggio di sistema conferma che il tecnico ha riavviato il computer del cliente. | |
| 119 | ic_control_chatline_APPLET_DV_START | 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 | 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 | Il messaggio del sistema conferma che il tecnico ha avviato una sessione di controllo remoto. | |
| 122 | ic_control_chatline_APPLET_RC_END | Il messaggio del sistema conferma che il tecnico ha terminato una sessione di controllo remoto. | |
| 123 | ic_control_chatline_APPLET_CONNECTED | Il messaggio di sistema che conferma l'avvio di una sessione. | |
| 124 | ic_control_chatline_APPLET_COMPLETO | ||
| 125 | ic_control_chatline_APPLET_CANCELLED | Il messaggio di sistema che conferma l'annullamento della sessione. | |
| 126 | ic_text_chatline_tc | Imposta il formato della riga del tecnico nella finestra della chat istantanea.  |
|
| 127 | ic_text_chatline_client | Imposta il formato della riga del cliente nella finestra della chat istantanea.  |
|
| 128 | tempo_di_attesa | Consente di visualizzare 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 è in attesa del tecnico. Note: Questo stile non è visibile nell'interfaccia standard della chat istantanea. |
|
| 129 | ic_queueposition | Utilizzare questa funzione per mostrare 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 appears throughout the session whenever the customer is waiting for the technician. Note: Questo stile non è visibile nell'interfaccia standard della chat istantanea. |
Article last updated: 27 September, 2022