Стиль компонента "Список диалогов" можно настроить, добавив селекторы в файл design.css
.
Используйте эти селекторы CSS для настройки стиля компонента "Список диалогов".
Имя селектора | Описание |
---|---|
.scs-convo-list-cust .scs-convo-list-container |
Наиболее удаленное значение DIV компонента |
.scs-convo-list-cust .scs-convo-list-title |
Заголовок диалога в списке, когда он выбран |
.scs-convo-list-cust .scs-convo-list-line-separator |
Разделитель между заголовком списка и списком |
.scs-convo-list-cust .scs-convo-list-convo-title |
Заголовок диалога в списке |
.scs-convo-list-cust .scs-convo-list-convo-line-separator |
Разделитель между диалогами |
.scs-convo-list-cust .scs-convo-list-active |
Заголовок диалога в списке, когда он выбран |
.scs-convo-list-cust .scs-convo-list-convo-posts |
Количество сообщений в диалоге |
.scs-convo-list-cust .scs-convo-list-convo-unread |
Количество непрочитанных сообщений в диалоге |
.scs-convo-list-cust .scs-convo-list-convo-updated |
Дата последнего обновления диалога |
.scs-convo-list-cust .scs-convo-list-no-convo-msg |
Сообщение, когда список пуст |
.scs-convo-list-cust .scs-convo-list-no-auth-msg |
Сообщение, когда компонент "Список диалогов" визуализируется на общедоступном сайте без авторизации пользователя |
См. раздел "Использование стилей и форматирование" в документе Построение сайтов с помощью Oracle Content Management.
Пример
В этом примере иллюстрируется использование пользовательских таблиц CSS для изменения шрифта, стиля и цвета в компоненте "Список диалогов".
Следующий код показывает пользовательские таблицы CSS, используемые для создания примера:
.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; }