InstantChat.css Klassen en Stijlen
Articles related to customization are written for a technical audience who have experience in web development. Knowledge of HTML, CSS, and JavaScript are required.
Om stijlen te wijzigen, kopieert u het standaard CSS-bestand naar uw publieke directory op uw webserver en bewerkt u de stijlspecificaties zoals vereist.
Opmerking: Beeldbronnen voor self-hosted Instant Chat zijn beschikbaar als download in een enkel gecomprimeerd bestand.
| # | Stijlnaam | Type | Beschrijving of voorkomen |
|---|---|---|---|
| 1 | ic_htmlbody | <body> | De <body> element van pagina (Instant Chat wordt uitgevoerd in een Iframe). |
| 2 | ic_bodyarea | <div> | De indeling van het aangepaste venster dat het venster Instant Chat bevat. |
| 3 | ic_shadow | <div> | 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 | <div> | De animatie die wordt afgespeeld terwijl het Instant Chat-venster wordt geladen. |
| 5 | ic_maincontentarea | <div> | De indeling van het venster Instant Chat. |
| 6 | ic_statusicon_waiting | <div> | Het icoon van de klant terwijl hij wacht op een technicus. .ic_statusicon_waiting verschijnt tijdens de sessie wanneer de klant op de technicus wacht.  |
| 7 | ic_statusicon_chat | <div> | Het icoontje van de technicus die met de klant aan het chatten is. |
| 8 | ic_statusicon_rc | <div> | Het pictogram van de technicus die de computer van de klant op afstand bedient. |
| 9 | ic_statusicon_disconnect | <div> | Het pictogram van de technicus wanneer de verbinding met de LogMeIn Rescue sessie wordt verbroken. |
| 10 | ic_statusicon_hold | <div> | Het pictogram van de technicus wanneer de klant in de wacht wordt gezet. |
| 11 | ic_statusicon_transfer | <div> | Het pictogram van de technicus terwijl de sessie van de klant bezig is, wordt doorgegeven aan een andere technicus. |
| 12 | ic_statusicon_typing | <div> | Het pictogram van de technicus die een bericht aan de klant typt. |
| 13 | ic_statustext | <div> | De lay-out van het tekstgebied dat de klant informeert over zijn status en die van de technicus. Voorbeeld: Je bent aan het chatten met John Doe. |
| 14 | ic_windowtitle_container | <div> | Het titel tekstgebied van het Instant Chat venster. |
| 15 | ic_windowtitle | <span> | De titel van het venster Instant Chat. |
| 16 | ic_fontchange_small | <div> | Het pictogram dat de klant gebruikt om over te schakelen naar kleine lettertypes. |
| 17 | ic_fontchange_small_border | <div> | De rand van het kleine lettertype-pictogram. |
| 18 | ic_fontchange_medium | <div> | Het pictogram dat de klant gebruikt om over te schakelen op middelgrote lettertypes. |
| 19 | ic_fontchange_medium_border | <div> | De rand van het middelgrote lettertype-pictogram. |
| 20 | ic_fontchange_large | <div> | Het pictogram dat de klant gebruikt om over te schakelen op grote lettertypes. |
| 21 | ic_fontchange_large_border | <div> | De rand van het pictogram met het grote lettertype. |
| 22 | ic_chatlog | <div> | De indeling van het chatlog-deelvenster met kleine lettergrootte, dat het bovenste deel van het Instant Chat-venster vormt. |
| 23 | ic_chatlog_big | <div> | De lay-out van het chatlog-venster met kleine lettergrootte wanneer het berichtenvenster niet beschikbaar is. |
| 24 | ic_chatlog_medium | <div> | De lay-out van het chatlog-venster met gemiddelde lettergrootte. |
| 25 | ic_chatlog_medium_big | <div> | De lay-out van het chatlog-venster met gemiddelde lettergrootte wanneer het berichtenvenster niet beschikbaar is. |
| 26 | ic_chatlog_large | <div> | De indeling van het chatlog-venster met grote lettergrootte. |
| 27 | ic_chatlog_large_big | <div> | De lay-out van het chatlog-venster met grote lettergrootte wanneer het berichtenvenster niet beschikbaar is. |
| 28 | ic_text_chatline | <div> | 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 | <table> | De tabel die de tijdstempel en de naam bevat van de partij die het chatbericht heeft verzonden.
Opmerking: De Instant Chat engine bevat display: inline-block om ervoor te zorgen dat Instant Chat zal draaien op Safari.
|
| 30 | ic_text_chattable_tr | <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_tekst_chattable_td1 | <td> | De opmaak van het tijdstempel van chatberichten. |
| 32 | ic_text_chattable_td2_client | <td> | De opmaak van de naam van de klant op het chatlog-venster. |
| 33 | ic_tekst_chattable_td2_tc | <td> | De opmaak van de naam van de technicus op het chatlog-venster. |
| 34 | ic_text_chatcontent | <span> | De opmaak van het chatbericht. |
| 35 | ic_control_chatline | <div> | Een regel in het chatlog-venster met de tijdstempel, de naam van de afzender en het chatbericht. |
| 36 | ic_control_chattime | <span> | De opmaak van het tijdstempel van systeemberichten in het chatlog-deelvenster. |
| 37 | ic_control_chatcontent | <span> | De opmaak van systeemberichten in het chatlog-deelvenster. |
| 38 | ic_link_chatcontent | <span> | De opmaak van links in systeemberichten in het chatlog-deelvenster. |
| 39 | ic_linkhover_chatcontent | <span> | De opmaak van links in systeemberichten in het chatlogvenster wanneer de klant met de muis over de link gaat. |
| 40 | ic_complementer | <div> | Het gebied van het grote chatlog-venster dat wordt gereserveerd voor het berichtenvenster wanneer dat is ingeschakeld. |
| 41 | ic_chatdisconnected | <div> | Het berichtenvenster van het Instant Chat-venster wanneer de verbinding met de klant wordt verbroken. |
| 42 | ic_filesend_button | <div> | De knop Bestand versturen. |
| 43 | ic_filesend_button_hover | <div> | De knop Bestand versturen wanneer de klant met de muis over de knop beweegt. |
| 44 | ic_filesend_button_pressed | <div> | De knop Bestand versturen wanneer de klant erop klikt. |
| 45 | ic_filesend_button_disabled | <div> | De knop Bestand versturen als deze is uitgeschakeld. |
| 46 | ic_disconnect_button | <div> | De knop Verbreken. |
| 47 | ic_disconnect_button_hover | <div> | De knop Verbreken wanneer de klant met de muis over de knop beweegt. |
| 48 | ic_disconnect_button_pressed | <div> | De knop Verbreken wanneer de klant erop klikt. |
| 49 | ic_disconnect_button_disabled | <div> | De knop Verbreken als deze is uitgeschakeld. |
| 50 | ic_send_button | <div> | De knop Verzenden. |
| 51 | ic_send_button_hover | <div> | De knop Verzenden wanneer de klant met de muis over de knop beweegt. |
| 52 | ic_send_button_pressed | <div> | De verzendknop wanneer de klant erop klikt. |
| 53 | ic_send_button_disabled | <div> | De knop Verzenden als deze is uitgeschakeld. |
| 54 | ic_lang_container | <div> | De vervolgkeuzelijst voor de taalkeuze. |
| 55 | ic_lang_menuitem | <div> | Items op de taal drop-down lijst. |
| 56 | ic_lang_menuitem_hover | <div> | Een item op de taal drop-down lijst wanneer de klant de muisaanwijzer dat menu-item. |
| 57 | ic_lang_menuitem_selected | <div> | Het item in de vervolgkeuzelijst Taal dat momenteel is geselecteerd. |
| 58 | ic_lang_select | <div> | De taalkeuzebesturing. |
| 59 | ic_lang_select_text | <table> | De tekst in de taalkeuzeknop. |
| 60 | ic_lang_select_text_tr | <tr> | De tekst in de taalkeuzeknop. |
| 61 | ic_lang_select_text_td | <td> | De tekst in de taalkeuzebesturing. |
| 62 | ic_lang_select_arrowimg | <div> | De pijltoets van de taalkeuzebesturing. |
| 63 | ic_chattext | <textarea> | 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 | <textarea> | 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 | <textarea> | 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 | <textarea> | 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 | <textarea> | 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 | <textarea> | 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 | <img> | Het logo van het bedrijf van de technicus. |
| 70 | ic_custom_icon | <img> | Het icoon van het bedrijf van de technicus. |
| 71 | ic_dialog_box | <div> | Het chatlog-dialoogvenster dat u kunt oproepen door op CTRL-ALT-L te drukken. |
| 72 | ic_dialog_box_textarea | <textarea> | Het tekstgebied van het chatlog-dialoogvenster. |
| 73 | ic_dialoog_vak_knop1 | <div> | De knop Kopiëren naar klembord van het chatlogbestand. |
| 74 | ic_dialoog_vak_knop2 | <div> | De knop Annuleren als het chatlogbestand wordt geopend. |
| 75 | ic_progressbars | <div> | De voortgangsbalken tijdens het verzenden of ontvangen van een bestand. |
| 76 | ic_progressbars_chatbottom | <div> | De onderkant van het chatlog-venster wanneer de voortgangsbalken actief zijn. |
| 77 | ic_progressbar_instance | <div> | De indeling van de afzonderlijke voortgangsbalken. |
| 78 | ic_progressbar_inner | <div> | De voortgangsindicator van de voortgangsbalk. |
| 79 | ic_progressbar_title | <div> | Het label van de voortgangsbalk. |
| 80 | ic_progressbar_cancelbutton | <div> | De annuleertoetsen rechts van de voortgangsbalken. |
| 81 | ic_progressbar_cancelbutton_hover | <div> | De annuleerknoppen rechts van de voortgangsbalken wanneer de klant met de muis over de knoppen gaat. |
| 82 | ic_progressbar_cancelbutton_pressed | <div> | De annuleerknoppen rechts van de voortgangsbalken wanneer de klant op de knoppen klikt. |
| 83 | ic_progressbar_cancelbutton_disabled | <div> | 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 nieuwste versie van InstantChat.css:
| # | Stijlnaam | Type | Beschrijving of voorkomen |
|---|---|---|---|
| 84 | ic_technicianname | <div> | Toont de naam van de technicus. |
| 85 | ic_sessionend_button | <div> | Toont een knop waarop de klant kan klikken om de sessie te beëindigen. |
| 86 | ic_sessionend_button_hover | <div> | De knop voor het beëindigen van de sessie wanneer de klant met de muis over de knop gaat. |
| 87 | ic_sessionend_button_pressed | <div> | De knop om de sessie te beëindigen wanneer de klant op de knop klikt. |
| 88 | ic_sessionend_button_disabled | <div> | 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, verander je display: block; in display: none;.
Voor een volledige beschrijving van elke klasse, zie Verband tussen ic_control-klassen en taalknooppunten.
| # | Stijlnaam | Type | Beschrijving of voorkomen |
|---|---|---|---|
| 89 | ic_control_chatline_CLIENT_CONNECTING | <div> | Het systeembericht wanneer de klant verbinding maakt met de technicus. |
| 90 | ic_control_chatline_CLIENT_CONNECTED | <div> | Het systeembericht dat bevestigt dat de klant met de technicus is verbonden. |
| 91 | ic_control_chatline_CLIENT_END | <div> | Het systeembericht dat bevestigt dat de klant de sessie heeft beëindigd. |
| 92 | ic_control_chatline_CLIENT_DISCONNECTED | <div> | Het systeembericht dat bevestigt dat de verbinding met de klant van de sessie is verbroken. |
| 93 | ic_control_chatline_CLIENT_CANNOTSTART | <div> | Het systeembericht dat bevestigt dat de klant om een of andere reden geen sessie kan starten. Zie voor informatie over de mogelijke fouten Verband tussen ic_control-klassen en taalknooppunten. |
| 94 | ic_control_chatline_CLIENT_TIMEOUT | <div> | Dit systeembericht is niet in gebruik. |
| 95 | ic_control_chatline_CLIENT_REQUESTSENTFILE | <div> | Het systeembericht dat bevestigt dat er een verzoek is verzonden naar de Applet om het dialoogvenster Bladeren te openen. |
| 96 | ic_control_chatline_CLIENT_ REQUESTSENTCANCELFILE | <div> | 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 | <div> | Het systeembericht dat bevestigt dat verbinding tot stand is gebracht met een specifieke Technician Console. |
| 98 | ic_control_chatline_TC_HOLD | <div> | Het systeembericht dat bevestigt dat de technicus de sessie in de wacht heeft gezet. |
| 99 | ic_control_chatline_TC_TRANSFER | <div> | Het systeembericht dat bevestigt dat de technicus de sessie heeft overgedragen aan een andere technicus of kanaal. |
| 100 | ic_control_chatline_TC_END | <div> | Het systeembericht dat bevestigt dat de technicus de sessie heeft beëindigd. |
| 101 | ic_control_chatline_TC_EXIT | <div> | Het systeembericht dat bevestigt dat de technicus de sessie heeft verlaten. |
| 102 | ic_control_chatline_TC_DISCONNECTED | <div> | 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 | <div> | De link om te beginnen met het downloaden van de applet of het iPhone configuratiebestand. |
| 104 | ic_control_chatline_TC_SHOWSURVEY | <div> | Het systeembericht vraagt de klant na afloop van de sessie een enquête in te vullen. |
| 105 | ic_control_chatline_TC_URLPUSH | <div> | Het systeembericht dat bevestigt dat de technicus een voorgedefinieerde URL naar de klant heeft gestuurd. |
| 106 | ic_control_chatline_APPLET_CONNECTING_GW | <div> | Het systeembericht dat bevestigt dat de LogMeIn Rescue Applet een verbinding tot stand heeft gebracht met de LogMeIn Rescue gateway. |
| 107 | ic_control_chatline_APPLET_AUTOPROXYLOOKUP | <div> | |
| 108 | ic_control_chatline_APPLET_FX_START | <div> | Het systeembericht dat bevestigt dat de technicus het bestandsbeheer heeft gestart. |
| 109 | ic_control_chatline_APPLET_FX_END | <div> | Het systeembericht dat bevestigt dat de technicus de bestandsbeheerder heeft gestopt. |
| 110 | ic_control_chatline_APPLET_SENDINGLOGFILE | <div> | |
| 111 | ic_control_chatline_APPLET_PRINT | <div> | |
| 112 | ic_control_chatline_APPLET_DROPPED | <div> | Het systeembericht dat bevestigt dat de verbinding werd verbroken. |
| 113 | ic_control_chatline_APPLET_DISCONNECTING | <div> | Het systeembericht dat bevestigt dat de sessie wordt verbroken. |
| 114 | ic_control_chatline_APPLET_RECONNECTING | <div> | Het systeembericht dat bevestigt dat LogMeIn Rescue probeert de sessie opnieuw te verbinden. |
| 115 | ic_control_chatline_APPLET_ERROR | <div> | Het systeembericht dat bevestigt dat er een fout was in de Applet. |
| 116 | ic_control_chatline_APPLET_DISCONNECTED | <div> | Het systeembericht dat bevestigt dat de verbinding met het applet werd verbroken. |
| 117 | ic_control_chatline_APPLET_FX_NOTIFY | <div> | |
| 118 | ic_control_chatline_APPLET_REBOOTING | <div> | Het systeembericht dat bevestigt dat de technicus de computer van de klant opnieuw heeft opgestart. |
| 119 | ic_control_chatline_APPLET_DV_START | <div> | 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 | <div> | 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 | <div> | Het systeembericht dat bevestigt dat de technicus een afstandsbedieningssessie heeft gestart. |
| 122 | ic_control_chatline_APPLET_RC_END | <div> | Het systeembericht dat bevestigt dat de technicus een afstandsbedieningssessie heeft beëindigd. |
| 123 | ic_control_chatline_APPLET_CONNECTED | <div> | Het systeembericht dat bevestigt dat een sessie is gestart. |
| 124 | ic_control_chatline_APPLET_COMPLETED | <div> | |
| 125 | ic_control_chatline_APPLET_CANCELLED | <div> | Het systeembericht dat bevestigt dat de sessie werd geannuleerd. |
| 126 | ic_text_chatline_tc | <div> | Stelt de opmaak van de regel van de technicus in het Instant Chat-venster in. |
| 127 | ic_text_chatline_client | <div> | Stelt de opmaak van de regel van de klant in het venster Instant Chat in. |
| 128 | ic_waitingtime | <div> | Gebruik dit om de geschatte wachttijd in minuten weer te geven. .ic_waitingtime verschijnt maar één keer per sessie. Bijvoorbeeld, .ic_waitingtime verschijnt niet tijdens het opnieuw verbinden. .ic_statusicon_waiting verschijnt tijdens de sessie wanneer de klant op de technicus wacht.
Opmerking: Deze stijl is niet zichtbaar in de standaard Instant Chat-interface.
|
| 129 | ic_queueposition | <div> | Gebruik dit om de positie van de klant in de wachtrij van wachtende klanten te tonen. .ic_queueposition verschijnt maar één keer per sessie. Voorbeeld: .ic_queueposition verschijnt niet tijdens de herverbinding. .ic_statusicon_waiting verschijnt tijdens de sessie wanneer de klant op de technicus wacht.
Opmerking: Deze stijl is niet zichtbaar in de standaard Instant Chat-interface.
|
Artikel laatst bijgewerkt: 11 July, 2023
You are viewing the latest version of this article.