Personalizarea stilurilor pentru liste de conversaţii

Puteţi să personalizaţi stilul unei componente pentru lista de conversaţii adăugând selectori în fişierul design.css.

Utilizaţi aceşti selectori CSS pentru a personaliza stilul componentei pentru lista de conversaţii.

Nume selector Descriere
.scs-convo-list-cust .scs-convo-list-container DIV extern al componentei
.scs-convo-list-cust .scs-convo-list-title Titlul unei conversaţii din listă atunci când este selectată
.scs-convo-list-cust .scs-convo-list-line-separator Separator între titlul listei şi listă
.scs-convo-list-cust .scs-convo-list-convo-title Titlul unei conversaţii din listă
.scs-convo-list-cust .scs-convo-list-convo-line-separator Separator între conversaţii
.scs-convo-list-cust .scs-convo-list-active Titlul unei conversaţii din listă atunci când este selectată
.scs-convo-list-cust .scs-convo-list-convo-posts Numărul de postări ale unei conversaţii
.scs-convo-list-cust .scs-convo-list-convo-unread Numărul de mesaje necitite ale unei conversaţii
.scs-convo-list-cust .scs-convo-list-convo-updated Data ultimei actualizări şi a unei conversaţii
.scs-convo-list-cust .scs-convo-list-no-convo-msg Mesaj atunci când lista este goală
.scs-convo-list-cust .scs-convo-list-no-auth-msg Mesaj atunci când lista de conversaţii este randată în site-ul public fără o autorizare din partea utilizatorului

Consultaţi Utilizarea stilurilor şi formatării din Construirea site-urilor cu Oracle Content Management.

Exemplu

Acest exemplu ilustrează utilizarea unui CSS personalizat pentru modificarea fontului, stilului şi culorii scrisului într-o listă de conversaţii.


Urmează descrierea GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png
Descrierea ilustraţiei GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png

Următorul cod prezintă CSS-ul personalizat utilizat pentru a crea exemplul:

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