Dodając selektory do pliku design.css
, można dostosować styl składnika "lista konwersacji".
Za pomocą poniższych selektorów CSS można dostosować styl składnika "lista konwersacji".
Nazwa selektora | Opis |
---|---|
.scs-convo-list-cust .scs-convo-list-container |
Najbardziej zewnętrzny element DIV składnika |
.scs-convo-list-cust .scs-convo-list-title |
Tytuł konwersacji na liście, gdy konwersacja jest wybrana |
.scs-convo-list-cust .scs-convo-list-line-separator |
Separator między tytułem listy i listą |
.scs-convo-list-cust .scs-convo-list-convo-title |
Tytuł konwersacji na liście |
.scs-convo-list-cust .scs-convo-list-convo-line-separator |
Separator między każdą konwersacją |
.scs-convo-list-cust .scs-convo-list-active |
Tytuł konwersacji na liście, gdy konwersacja jest wybrana |
.scs-convo-list-cust .scs-convo-list-convo-posts |
Liczba wpisów w konwersacji |
.scs-convo-list-cust .scs-convo-list-convo-unread |
Liczba nieprzeczytanych wiadomości w konwersacji |
.scs-convo-list-cust .scs-convo-list-convo-updated |
Data ostatniej aktualizacji konwersacji |
.scs-convo-list-cust .scs-convo-list-no-convo-msg |
Komunikat, gdy lista jest pusta |
.scs-convo-list-cust .scs-convo-list-no-auth-msg |
Komunikat, gdy lista konwersacji jest renderowana w serwisie publicznym bez identyfikacji użytkownika |
Zob. rozdział Korzystanie ze stylów i formatowania w podręczniku Tworzenie serwisów za pomocą Oracle Content Management.
Przykład
Poniższy przykład ilustruje użycie dostosowanego arkusza CSS, zmieniającego typ, styl i kolor czcionki listy konwersacji.
Następujący kod przedstawia dostosowany arkusz CSS, który został użyty do utworzenia przykładu:
.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; }