product icon

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:
    • -aspetto webkit: nessuno assicura che Instant Chat funzioni su Safari (ad esempio, per iPhone).
    • traboccare: nascosto assicura che Instant Chat funzioni su Opera.
    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:
    • -aspetto webkit: nessuno assicura che Instant Chat funzioni su Safari (ad esempio, per iPhone).
    • traboccare: nascosto assicura che Instant Chat funzioni su Opera.
    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:
    • -aspetto webkit: nessuno assicura che Instant Chat funzioni su Safari (ad esempio, per iPhone).
    • traboccare: nascosto assicura che Instant Chat funzioni su Opera.
    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:
    • -aspetto webkit: nessuno assicura che Instant Chat funzioni su Safari (ad esempio, per iPhone).
    • traboccare: nascosto assicura che Instant Chat funzioni su Opera.
    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:
    • -aspetto webkit: nessuno assicura che Instant Chat funzioni su Safari (ad esempio, per iPhone).
    • traboccare: nascosto assicura che Instant Chat funzioni su Opera.
    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:
    • -aspetto webkit: nessuno assicura che Instant Chat funzioni su Safari (ad esempio, per iPhone).
    • traboccare: nascosto assicura che Instant Chat funzioni su Opera.
    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