Pridaním selektorov do súboru design.css
môžete prispôsobiť štýly komponentu zoznamu konverzácií.
Pomocou týchto selektorov CSS môžete prispôsobiť štýl komponentu zoznamu konverzácií.
Názov selektora | Popis |
---|---|
.scs-convo-list-cust .scs-convo-list-container |
Okrajový parameter DIV komponentu. |
.scs-convo-list-cust .scs-convo-list-title |
Názov konverzácie v zozname, keď je vybratá. |
.scs-convo-list-cust .scs-convo-list-line-separator |
Oddeľovač medzi názvom zoznamu a zoznamom. |
.scs-convo-list-cust .scs-convo-list-convo-title |
Názov konverzácie v zozname. |
.scs-convo-list-cust .scs-convo-list-convo-line-separator |
Oddeľovač medzi jednotlivými konverzáciami. |
.scs-convo-list-cust .scs-convo-list-active |
Názov konverzácie v zozname, keď je vybratá. |
.scs-convo-list-cust .scs-convo-list-convo-posts |
Počet príspevkov v konverzácii. |
.scs-convo-list-cust .scs-convo-list-convo-unread |
Počet neprečítaných správ v konverzácii. |
.scs-convo-list-cust .scs-convo-list-convo-updated |
Dátum poslednej aktualizácie konverzácie. |
.scs-convo-list-cust .scs-convo-list-no-convo-msg |
Správa, ktorá sa zobrazí, keď je zoznam prázdny. |
.scs-convo-list-cust .scs-convo-list-no-auth-msg |
Správa, ktorá sa zobrazí, keď sa zoznam konverzácií vykreslí na verejnej lokalite bez autorizácie používateľa. |
Pozrite si časť Používanie štýlov a formátovania v príručke Vytváranie lokalít v službe Oracle Content Management.
Príklad
Táto vzorka znázorňuje prispôsobený štýl CSS pre písmo, štýl a zmeny farieb v zozname konverzácií.
Nasledujúci kód znázorňuje prispôsobený štýl CSS použitý na vytvorenie vzorky:
.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; }