Konuşma Listesi Stillerini Özelleştirme

design.css dosyasına seçiciler ekleyerek Konuşma Listesi bileşeninin stilini özelleştirebilirsiniz.

Konuşma Listesi bileşeninin stilini özelleştirmek için bu Basamaklı Stil Tablosu seçicilerini kullanın.

Seçici Adı Açıklama
.scs-convo-list-cust .scs-convo-list-container Bileşenin en dıştaki İçerik Bölümü Öğesi
.scs-convo-list-cust .scs-convo-list-title Seçildiğinde listedeki bir konuşmanın başlığı
.scs-convo-list-cust .scs-convo-list-line-separator Liste başlığı ve liste arasındaki ayırıcı
.scs-convo-list-cust .scs-convo-list-convo-title Listedeki bir konuşmanın başlığı
.scs-convo-list-cust .scs-convo-list-convo-line-separator Her konuşma arasındaki ayırıcı
.scs-convo-list-cust .scs-convo-list-active Seçildiğinde listedeki bir konuşmanın başlığı
.scs-convo-list-cust .scs-convo-list-convo-posts Bir konuşmanın gönderi sayısı
.scs-convo-list-cust .scs-convo-list-convo-unread Bir konuşmanın okunmamış mesaj sayısı
.scs-convo-list-cust .scs-convo-list-convo-updated Bir konuşmanın son güncellenme tarihi
.scs-convo-list-cust .scs-convo-list-no-convo-msg Liste boş olduğunda mesaj
.scs-convo-list-cust .scs-convo-list-no-auth-msg Konuşma Listesi, kullanıcı yetkisi olmadan genel sitede görüntülendiğindeki mesaj.

Bkz. Oracle İçerik Yönetimi ile Site Oluşturma bölümünde Stilleri ve Formatlamayı Kullanma.

Örnek

Bu örnek Konuşma Listesi tip yazı tipi, stil ve renk değişikliklerine yönelik özelleştirilmiş Basamaklı Stil Tablosunun kullanımını gösterir.


GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png açıklaması aşağıdadır
''GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png'' çiziminin açıklaması

Şu kod örnek oluşturmak üzere kullanılan özelleştirilmiş Basamaklı Stil Tablosunu gösterir.

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