Stile für Unterhaltungslisten anpassen

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.


Beschreibung von GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png folgt
Beschreibung der Abbildung GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png

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;
}