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