ปรับแต่งสไตล์ของลิสต์การสื่อสาร

คุณสามารถปรับแต่งสไตล์สำหรับองค์ประกอบลิสต์การสื่อสาร โดยเพิ่มซีเลคเตอร์ในไฟล์ 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 ที่ปรับแต่งสำหรับการเปลี่ยนแปลงแบบอักษร สไตล์ และสีในลิสต์การสื่อสาร


คำอธิบาย GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png มีดังนี้
คำอธิบายภาพ GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png

รหัสต่อไปนี้จะแสดง 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;
}