InstantChat.css Klassen en Stijlen
Om stijlen te wijzigen, kopieert u het standaard CSS-bestand naar uw publieke directory op uw webserver en bewerkt u de stijlspecificaties zoals vereist.
nr. | Stijlnaam | Type | Beschrijving of voorkomen | |
---|---|---|---|---|
1 | ic_htmlbody | Het element van de pagina (Instant Chat wordt uitgevoerd in een Iframe). |
||
2 | ic_bodyarea |
|
De indeling van het aangepaste venster dat het venster Instant Chat bevat. |
|
3 | ic_shadow |
|
Stelt de schaduw in van het aangepaste venster dat het venster Instant Chat bevat. De schaduw verschijnt terwijl het Instant Chat-venster wordt geladen. |
|
4 | ic_loader_animation |
|
De animatie die wordt afgespeeld terwijl het Instant Chat-venster wordt geladen. |
|
5 | ic_maincontentarea |
|
De indeling van het venster Instant Chat. |
|
6 | ic_statusicon_waiting |
|
Het icoon van de klant terwijl hij wacht op een technicus. .ic_statusicon_waiting verschijnt gedurende de hele sessie wanneer de klant op de technicus wacht. |
|
7 | ic_statusicon_chat |
|
Het icoontje van de technicus die met de klant aan het chatten is. |
|
8 | ic_statusicon_rc |
|
Het pictogram van de technicus die de computer van de klant op afstand bedient. |
|
9 | ic_statusicon_disconnect |
|
Het pictogram van de technicus wanneer de verbinding met de Rescue sessie wordt verbroken. |
|
10 | ic_statusicon_hold |
|
Het pictogram van de technicus wanneer de klant in de wacht wordt gezet. |
|
11 | ic_statusicon_transfer |
|
Het pictogram van de technicus terwijl de sessie van de klant bezig is, wordt doorgegeven aan een andere technicus. |
|
12 | ic_statusicon_typing |
|
Het pictogram van de technicus die een bericht aan de klant typt. |
|
13 | ic_statustext |
|
De lay-out van het tekstgebied dat de klant informeert over zijn status en die van de technicus. Bijvoorbeeld, U bent aan het chatten met John Doe. |
|
14 | ic_windowtitle_container |
|
Het titel tekstgebied van het Instant Chat venster. |
|
15 | ic_windowtitle | De titel van het venster Instant Chat. |
||
16 | ic_fontchange_small |
|
Het pictogram dat de klant gebruikt om over te schakelen naar kleine lettertypes. |
|
17 | ic_fontchange_small_border |
|
De rand van het kleine lettertype-pictogram. |
|
18 | ic_fontchange_medium |
|
Het pictogram dat de klant gebruikt om over te schakelen op middelgrote lettertypes. |
|
19 | ic_fontchange_medium_border |
|
De rand van het middelgrote lettertype-pictogram. |
|
20 | ic_fontchange_large |
|
Het pictogram dat de klant gebruikt om over te schakelen op grote lettertypes. |
|
21 | ic_fontchange_large_border |
|
De rand van het pictogram met het grote lettertype. |
|
22 | ic_chatlog |
|
De indeling van het chatlog-deelvenster met kleine lettergrootte, dat het bovenste deel van het Instant Chat-venster vormt. |
|
23 | ic_chatlog_big |
|
De lay-out van het chatlog-venster met kleine lettergrootte wanneer het berichtenvenster niet beschikbaar is. |
|
24 | ic_chatlog_medium |
|
De lay-out van het chatlog-venster met gemiddelde lettergrootte. |
|
25 | ic_chatlog_medium_big |
|
De lay-out van het chatlog-venster met gemiddelde lettergrootte wanneer het berichtenvenster niet beschikbaar is. |
|
26 | ic_chatlog_large |
|
De indeling van het chatlog-venster met grote lettergrootte. |
|
27 | ic_chatlog_large_big |
|
De lay-out van het chatlog-venster met grote lettergrootte wanneer het berichtenvenster niet beschikbaar is. |
|
28 | ic_text_chatline |
|
De tekst van chatregels in het chatlogvenster.
Opmerking: Gebruik .ic_text_chatline_tc en .ic_text_chatline_client in plaats van .ic_text_chatline om onderscheid te maken tussen de stijl van chatlijnen voor klanten en technici.
|
|
29 | ic_text_chattable |
|
De tabel die de tijdstempel en de naam bevat van de partij die het chatbericht heeft verzonden.
Opmerking: De Instant Chat engine omvat weergave: inline-block om ervoor te zorgen dat Instant Chat op Safari draait.
|
|
30 | ic_text_chattable_tr | |||
De tabelrij die de tijdstempel en de naam bevat van de partij die het chatbericht heeft verzonden. Het is in wezen hetzelfde als ic_text_chattable. |
||||
31 | ic_text_chattable_td1 | De opmaak van het tijdstempel van chatberichten. |
||
32 | ic_text_chattable_td2_client | De opmaak van de naam van de klant op het chatlog-venster. |
||
33 | ic_text_chattable_td2_tc | De opmaak van de naam van de technicus op het chatlog-venster. |
||
34 | ic_text_chatcontent | De opmaak van het chatbericht. |
||
35 | ic_control_chatline |
|
Een regel in het chatlog-venster met de tijdstempel, de naam van de afzender en het chatbericht. |
|
36 | ic_control_chattime | De opmaak van het tijdstempel van systeemberichten in het chatlog-deelvenster. |
||
37 | ic_control_chatcontent | De opmaak van systeemberichten in het chatlog-deelvenster. |
||
38 | ic_link_chatcontent | De opmaak van links in systeemberichten in het chatlog-deelvenster. |
||
39 | ic_linkhover_chatcontent | De opmaak van links in systeemberichten in het chatlogvenster wanneer de klant met de muis over de link gaat. |
||
40 | ic_complementer |
|
Het gebied van het grote chatlog-venster dat wordt gereserveerd voor het berichtenvenster wanneer dat is ingeschakeld. |
|
41 | ic_chatdisconnected |
|
Het berichtenvenster van het Instant Chat-venster wanneer de verbinding met de klant wordt verbroken. |
|
42 | ic_filesend_button |
|
De knop Bestand versturen. |
|
43 | ic_filesend_button_hover |
|
De knop Bestand versturen wanneer de klant de muis over de knop beweegt. |
|
44 | ic_filesend_button_pressed |
|
De knop Bestand versturen wanneer de klant erop klikt. |
|
45 | ic_filesend_button_disabled |
|
De knop Bestand versturen wanneer deze is uitgeschakeld. |
|
46 | ic_disconnect_button |
|
De Verbreken toets. |
|
47 | ic_disconnect_button_hover |
|
De Verbreken knop wanneer de klant met de muis over de knop gaat. |
|
48 | ic_disconnect_button_pressed |
|
De Verbreken knop wanneer de klant erop klikt. |
|
49 | ic_disconnect_button_disabled |
|
De knop Verbreken wanneer deze is uitgeschakeld. |
|
50 | ic_send_button |
|
De Verzenden knop. |
|
51 | ic_send_button_hover |
|
De Verzenden knop wanneer de klant de muis over de knop beweegt. |
|
52 | ic_send_button_pressed |
|
De Verzenden knop wanneer de klant erop klikt. |
|
53 | ic_send_button_disabled |
|
De Verzenden knop wanneer deze is uitgeschakeld. |
|
54 | ic_lang_container |
|
De vervolgkeuzelijst voor de taalkeuze. |
|
55 | ic_lang_menuitem |
|
Items op de taal drop-down lijst. |
|
56 | ic_lang_menuitem_hover |
|
Een item op de taal drop-down lijst wanneer de klant de muisaanwijzer dat menu-item. |
|
57 | ic_lang_menuitem_selected |
|
Het item in de vervolgkeuzelijst Taal dat momenteel is geselecteerd. |
|
58 | ic_lang_select |
|
De taalkeuzebesturing. |
|
59 | ic_lang_select_text |
|
De tekst in de taalkeuzebesturing. |
|
60 | ic_lang_select_text_tr | |||
De tekst in de taalkeuzebesturing. |
||||
61 | ic_lang_select_text_td | De tekst in de taalkeuzebesturing. |
||
62 | ic_lang_select_arrowimg |
|
De pijltoets van de taalkeuzebesturing. |
|
63% | ic_chattext | Het tekstgebied van het berichtenvenster in het venster Instant Chat wanneer de klant in klein lettertype typt.
Opmerking: De Instant Chat-engine ondersteunt de volgende webbrowsers:
|
||
64 | ic_chattext_first | Het tekstgebied van het berichtenvenster in het venster Instant Chat voordat de klant begint te typen.
Opmerking: De Instant Chat-engine ondersteunt de volgende webbrowsers:
Tip: Om de chatbox leeg te laten: oLangChatModeArray["TYPE_HERE"] = "";
|
||
65 | ic_chattext_medium | Het tekstgebied van het berichtenvenster in het venster Instant Chat wanneer de klant typt in medium lettergrootte.
Opmerking: De Instant Chat-engine ondersteunt de volgende webbrowsers:
|
||
66 | ic_chattext_medium_first | Het tekstgebied van het berichtenvenster in het venster Instant Chat voordat de klant begint te typen.
Opmerking: De Instant Chat-engine ondersteunt de volgende webbrowsers:
Tip: Om de chatbox leeg te laten: oLangChatModeArray["TYPE_HERE"] = "";
|
||
67 | ic_chattext_large | Het tekstgebied van het berichtenvenster in het venster Instant Chat wanneer de klant typt in groot lettertype.
Opmerking: De Instant Chat-engine ondersteunt de volgende webbrowsers:
|
||
68 | ic_chattext_large_first | Het tekstgebied van het berichtenvenster in het venster Instant Chat voordat de klant begint te typen.
Opmerking: De Instant Chat-engine ondersteunt de volgende webbrowsers:
Tip: Om de chatbox leeg te laten: oLangChatModeArray["TYPE_HERE"] = "";
|
||
69 | ic_custom_logo | Het logo van het bedrijf van de technicus. |
||
70 | ic_custom_icon | Het icoon van het bedrijf van de technicus. |
||
71 | ic_dialog_box |
|
Het chatlog-dialoogvenster dat u kunt oproepen door op CTRL-ALT-L te drukken. |
|
72 | ic_dialog_box_textarea | Het tekstgebied van het chatlog-dialoogvenster. |
||
73 | ic_dialog_box_button1 |
|
De Kopiëren naar klembord knop van het chatlog dialoogvenster. |
|
74 | ic_dialog_box_button2 |
|
De knop Annuleren als de chatlog dialoog. |
|
75 | ic_progressbars |
|
De voortgangsbalken tijdens het verzenden of ontvangen van een bestand. |
|
76 | ic_progressbars_chatbottom |
|
De onderkant van het chatlog-venster wanneer de voortgangsbalken actief zijn. |
|
77 | ic_progressbar_instance |
|
De indeling van de afzonderlijke voortgangsbalken. |
|
78 | ic_progressbar_inner |
|
De voortgangsindicator van de voortgangsbalk. |
|
79 | ic_progressbar_title |
|
Het label van de voortgangsbalk. |
|
80 | ic_progressbar_cancelbutton |
|
De annuleertoetsen rechts van de voortgangsbalken. |
|
81 | ic_progressbar_cancelbutton_hover |
|
De annuleerknoppen rechts van de voortgangsbalken wanneer de klant met de muis over de knoppen gaat. |
|
82 | ic_progressbar_cancelbutton_pressed |
|
De annuleerknoppen rechts van de voortgangsbalken wanneer de klant op de knoppen klikt. |
|
83 | ic_progressbar_cancelbutton_disabled |
|
De annuleertoetsen rechts van de voortgangsbalken wanneer de toetsen zijn uitgeschakeld. |
De stijlen 84-88 zijn niet zichtbaar in de standaardinterface van Instant Chat. Items 84 en hoger zijn beschikbaar in de laatste versie van InstantChat.css:
nr. | Stijlnaam | Type | Beschrijving of voorkomen |
---|---|---|---|
84 | ic_technicianname |
|
Toont de naam van de technicus. |
85 | ic_sessionend_button |
|
Toont een knop waarop de klant kan klikken om de sessie te beëindigen. |
86 | ic_sessionend_button_hover |
|
De knop voor het beëindigen van de sessie wanneer de klant met de muis over de knop gaat. |
87 | ic_sessionend_button_pressed |
|
De knop om de sessie te beëindigen wanneer de klant op de knop klikt. |
88 | ic_sessionend_button_disabled |
|
De knop sessie beëindigen wanneer de knop is uitgeschakeld. |
De stijlen 89-127 worden toegepast op systeemberichten. Standaard worden alle systeemberichten aan de klant meegedeeld in het Chatlog. Om te voorkomen dat een bericht wordt weergegeven, wijzigt u weergave: block; naar display: geen;
Voor een volledige beschrijving van elke klasse, zie Verband tussen ic_control-klassen en taalknooppunten.
nr. | Stijlnaam | Type | Beschrijving of voorkomen |
---|---|---|---|
89 | ic_control_chatline_CLIENT_CONNECTING |
|
Het systeembericht wanneer de klant verbinding maakt met de technicus. |
90 | ic_control_chatline_CLIENT_CONNECTED |
|
Het systeembericht dat bevestigt dat de klant met de technicus is verbonden. |
91 | ic_control_chatline_CLIENT_END |
|
Het systeembericht dat bevestigt dat de klant de sessie heeft beëindigd. |
92 | ic_control_chatline_CLIENT_DISCONNECTED |
|
Het systeembericht dat bevestigt dat de verbinding met de klant van de sessie is verbroken. |
93 | ic_control_chatline_CLIENT_CANNOTSTART |
|
Het systeembericht dat bevestigt dat de klant om een of andere reden geen sessie kan starten. Voor informatie over de mogelijke fouten, zie Verband tussen ic_control-klassen en taalknooppunten. |
94 | ic_control_chatline_CLIENT_TIMEOUT |
|
Dit systeembericht is niet in gebruik. |
95 | ic_control_chatline_CLIENT_REQUESTSENTFILE |
|
Het systeembericht dat bevestigt dat een verzoek is verzonden naar de Applet om het Bladeren dialoogvenster te openen. |
96 | ic_control_chatline_CLIENT_ REQUESTSENTCANCELFILE |
|
Het systeembericht dat bevestigt dat een verzoek naar de applet wordt gestuurd om te stoppen met het verzenden van een bestand. |
97 | ic_control_chatline_TC_CONNECTED |
|
Het systeembericht dat bevestigt dat verbinding tot stand is gebracht met een specifieke Technician Console. |
98 | ic_control_chatline_TC_HOLD |
|
Het systeembericht dat bevestigt dat de technicus de sessie in de wacht heeft gezet. |
99 | ic_control_chatline_TC_TRANSFER |
|
Het systeembericht dat bevestigt dat de technicus de sessie heeft overgedragen aan een andere technicus of kanaal. |
100 | ic_control_chatline_TC_END |
|
Het systeembericht dat bevestigt dat de technicus de sessie heeft beëindigd. |
101 | ic_control_chatline_TC_EXIT |
|
Het systeembericht dat bevestigt dat de technicus de sessie heeft verlaten. |
102 | ic_control_chatline_TC_DISCONNECTED |
|
Het systeembericht dat bevestigt dat de technicus de verbinding met de webserver heeft verloren en de klant niet met de technicus kan communiceren. |
103 | ic_control_chatline_TC_START_APPLET |
|
De link om te beginnen met het downloaden van de applet of het iPhone configuratiebestand. |
104 | ic_control_chatline_TC_SHOWSURVEY |
|
Het systeembericht vraagt de klant na afloop van de sessie een enquête in te vullen. |
105 | ic_control_chatline_TC_URLPUSH |
|
Het systeembericht dat bevestigt dat de technicus een voorgedefinieerde URL naar de klant heeft gestuurd. |
106 | ic_control_chatline_APPLET_CONNECTING_GW |
|
Het systeembericht dat bevestigt dat de Rescue Applet een verbinding heeft gemaakt met de Rescue Gateway. |
107 | ic_control_chatline_APPLET_AUTOPROXYLOOKUP |
|
|
108 | ic_control_chatline_APPLET_FX_START |
|
Het systeembericht dat bevestigt dat de technicus het bestandsbeheer heeft gestart. |
109 | ic_control_chatline_APPLET_FX_END |
|
Het systeembericht dat bevestigt dat de technicus de bestandsbeheerder heeft gestopt. |
110 | ic_control_chatline_APPLET_SENDINGLOGFILE |
|
|
111 | ic_control_chatline_APPLET_PRINT |
|
|
112 | ic_control_chatline_APPLET_DROPPED |
|
Het systeembericht dat bevestigt dat de verbinding werd verbroken. |
113 | ic_control_chatline_APPLET_DISCONNECTING |
|
Het systeembericht dat bevestigt dat de sessie wordt verbroken. |
114 | ic_control_chatline_APPLET_RECONNECTING |
|
Het systeembericht bevestigt dat Rescue probeert de sessie opnieuw te verbinden. |
115 | ic_control_chatline_APPLET_ERROR |
|
Het systeembericht dat bevestigt dat er een fout was in de Applet. |
116 | ic_control_chatline_APPLET_DISCONNECTED |
|
Het systeembericht dat bevestigt dat de verbinding met het applet werd verbroken. |
117 | ic_control_chatline_APPLET_FX_NOTIFY |
|
|
118 | ic_control_chatline_APPLET_REBOOTING |
|
Het systeembericht dat bevestigt dat de technicus de computer van de klant opnieuw heeft opgestart. |
119 | ic_control_chatline_APPLET_DV_START |
|
Het systeembericht dat bevestigt dat de technicus een desktop view sessie heeft gestart en zijn scherm met de klant deelt. |
120 | ic_control_chatline_APPLET_DV_END |
|
Het systeembericht dat bevestigt dat de technicus een desktop view sessie heeft gestart en zijn scherm met de klant deelt. |
121 | ic_control_chatline_APPLET_RC_START |
|
Het systeembericht dat bevestigt dat de technicus een afstandsbedieningssessie heeft gestart. |
122 | ic_control_chatline_APPLET_RC_END |
|
Het systeembericht dat bevestigt dat de technicus een afstandsbedieningssessie heeft beëindigd. |
123 | ic_control_chatline_APPLET_CONNECTED |
|
Het systeembericht dat bevestigt dat een sessie is gestart. |
124 | ic_control_chatline_APPLET_COMPLETED |
|
|
125 | ic_control_chatline_APPLET_CANCELLED |
|
Het systeembericht dat bevestigt dat de sessie werd geannuleerd. |
126 | ic_text_chatline_tc |
|
Stelt de opmaak van de regel van de technicus in het Instant Chat-venster in. |
127 | ic_text_chatline_client |
|
Stelt de opmaak van de regel van de klant in het venster Instant Chat in. |
128 | ic_waitingtime |
|
Gebruik dit om de geschatte wachttijd in minuten weer te geven. .ic_waitingtime verschijnt slechts eenmaal per sessie. Bijvoorbeeld, .ic_waitingtime verschijnt niet tijdens de herverbinding. .ic_statusicon_waiting verschijnt gedurende de hele sessie wanneer de klant op de technicus wacht.
Opmerking: Deze stijl is niet zichtbaar in de standaard Instant Chat-interface.
|
129 | ic_queueposition |
|
Gebruik dit om de positie van de klant in de wachtrij van wachtende klanten te tonen. .ic_queueposition verschijnt slechts eenmaal per sessie. Bijvoorbeeld, .ic_queueposition verschijnt niet tijdens de herverbinding. .ic_statusicon_waiting verschijnt gedurende de hele sessie wanneer de klant op de technicus wacht.
Opmerking: Deze stijl is niet zichtbaar in de standaard Instant Chat-interface.
|