Du kan anpassa formatet för en konversationslistkomponent genom att lägga till väljare i filen design.css
.
Använd dessa CSS-väljare för att anpassa konversationslistkomponentens format.
Namn på väljare | Beskrivning |
---|---|
.scs-convo-list-cust .scs-convo-list-container |
Komponentens yttersta DIV |
.scs-convo-list-cust .scs-convo-list-title |
Titel på en konversation i listan när den är vald |
.scs-convo-list-cust .scs-convo-list-line-separator |
Avgränsare mellan listtitel och lista |
.scs-convo-list-cust .scs-convo-list-convo-title |
Titel på en konversation i listan |
.scs-convo-list-cust .scs-convo-list-convo-line-separator |
Avgränsare mellan konversationer |
.scs-convo-list-cust .scs-convo-list-active |
Titel på en konversation i listan när den är vald |
.scs-convo-list-cust .scs-convo-list-convo-posts |
Antal inlägg i en konversation |
.scs-convo-list-cust .scs-convo-list-convo-unread |
Antal olästa meddelanden i en konversation |
.scs-convo-list-cust .scs-convo-list-convo-updated |
Senaste uppdateringsdatumet för en konversation |
.scs-convo-list-cust .scs-convo-list-no-convo-msg |
Meddelande när listan är tom |
.scs-convo-list-cust .scs-convo-list-no-auth-msg |
Meddelande när konversationslistan återges på allmän plats utan användarens godkännande |
Se Använda format och formatering i Bygga webbplatser med Oracle Content Management.
Exempel
Det här exemplet illustrerar användningen av anpassad CSS för ändringar av teckensnitt, format och färg i en konversationslista.
Följande kod visar den anpassade CSS som använts för att skapa exemplet:
.scs-convo-list-cust .scs-convo-list-container { background-color: azure; } .scs-convo-list-cust .scs-convo-list-title { color: crimson; } .scs-convo-list-cust .scs-convo-list-line-separator { border-bottom: 2px dashed #dfe4e7; } .scs-convo-list-cust .scs-convo-list-convo-title { font-style: italic; } .scs-convo-list-cust .scs-convo-list-active { text-decoration: underline; } .scs-convo-list-cust .scs-convo-list-convo-posts { color: cadetblue; font-size: 12px; } .scs-convo-list-cust .scs-convo-list-convo-unread { color: brown; font-size: 12px; float: left; } .scs-convo-list-cust .scs-convo-list-convo-updated { color: blueviolet; font-size: 12px; clear:none; } .scs-convo-list-cust .scs-convo-list-no-convo-msg { font-size: 18px; color: darkorange; } .scs-convo-list-cust .scs-convo-list-no-auth-msg { font-size: 18px; color: red; }