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