Sie können den Stil einer Unterhaltungslistenkomponente anpassen, indem Sie Selektoren in der Datei design.css
hinzufügen.
Mit diesen CSS-Selektoren können Sie den Stil der Unterhaltungslistenkomponente anpassen.
Selektorname | Beschreibung |
---|---|
.scs-convo-list-cust .scs-convo-list-container |
Äußerstes DIV-Element der Komponente |
.scs-convo-list-cust .scs-convo-list-title |
Titel einer Unterhaltung in der Liste, wenn diese ausgewählt ist |
.scs-convo-list-cust .scs-convo-list-line-separator |
Trennzeichen zwischen dem Listentitel und der Liste |
.scs-convo-list-cust .scs-convo-list-convo-title |
Titel einer Unterhaltung in der Liste |
.scs-convo-list-cust .scs-convo-list-convo-line-separator |
Trennzeichen zwischen den einzelnen Unterhaltungen |
.scs-convo-list-cust .scs-convo-list-active |
Titel einer Unterhaltung in der Liste, wenn diese ausgewählt ist |
.scs-convo-list-cust .scs-convo-list-convo-posts |
Anzahl der Posts einer Unterhaltung |
.scs-convo-list-cust .scs-convo-list-convo-unread |
Anzahl der ungelesenen Nachrichten einer Unterhaltung |
.scs-convo-list-cust .scs-convo-list-convo-updated |
Letztes Aktualisierungsdatum einer Unterhaltung |
.scs-convo-list-cust .scs-convo-list-no-convo-msg |
Meldung, wenn die Liste leer ist |
.scs-convo-list-cust .scs-convo-list-no-auth-msg |
Meldung, wenn die Unterhaltungsliste in einer öffentlichen Site ohne Benutzerauthentifizierung gerendert wird |
Siehe Stile und Formatierung verwenden in Sites mit Oracle Content Management erstellen.
Beispiel
Dieses Beispiel veranschaulicht die Verwendung eines benutzerdefinierten CSS für Änderungen der Schriftart, des Stils und der Farbe einer Unterhaltungsliste.
Das Beispiel wird mit dem folgenden benutzerdefinierten CSS-Code erstellt:
.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; }