A beszélgetéslista stílusainak testreszabása

A beszélgetéslista összetevő stílusát testre szabhatja választók felvételével a design.css fájlban.

A beszélgetéslista összetevő stílusának testreszabásához a következő CSS választókat használhatja.

Választó neve Leírás
.scs-convo-list-cust .scs-convo-list-container Az összetevő legkülső DIV eleme
.scs-convo-list-cust .scs-convo-list-title A listán kijelölt beszélgetés címe
.scs-convo-list-cust .scs-convo-list-line-separator A lista címe és a lista közötti elválasztó
.scs-convo-list-cust .scs-convo-list-convo-title A listán lévő beszélgetés címe
.scs-convo-list-cust .scs-convo-list-convo-line-separator Az egyes beszélgetések közötti elválasztó
.scs-convo-list-cust .scs-convo-list-active A listán kijelölt beszélgetés címe
.scs-convo-list-cust .scs-convo-list-convo-posts Beszélgetés bejegyzéseinek száma
.scs-convo-list-cust .scs-convo-list-convo-unread Beszélgetés olvasatlan üzeneteinek száma
.scs-convo-list-cust .scs-convo-list-convo-updated Beszélgetés utolsó módosításának dátuma
.scs-convo-list-cust .scs-convo-list-no-convo-msg Üzenet, amikor üres a lista
.scs-convo-list-cust .scs-convo-list-no-auth-msg Üzenet, amikor a beszélgetések listáját felhasználói hitelesítés nélkül jelenítették meg

Lásd: Stílusok és formázás használata itt: Webhelyek kialakítása az Oracle Content Management szolgáltatással.

Példa

Az alábbi képen a testreszabott CSS használata látható a betűtípus, betűstílus és betűszín módosításaival a beszélgetések listáján.


A(z) GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png leírása
A(z) GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png ábra leírása

A fenti példához használt testreszabott CSS kódja a következő:

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