วิธีใช้เทมเพลตเพื่อกำหนดสไตล์เฉพาะคอมเมนต์ของตัวเอง

ตัวอย่าง CSS สำหรับกำหนดสไตล์ที่แตกต่างเฉพาะคอมเมนต์ของตัวเอง

※ ต้องคัดลอกเทมเพลตแล้วสร้างโฟลเดอร์ชื่ออื่นก่อนปรับแต่งเสมอ

แสดงเทมเพลตใน OBS แล้วเพิ่ม CSS ที่ปรับแต่งแล้วลงใน custom CSS ดังตัวอย่างด้านล่าง

[data-user='ชื่อของคุณ'] {  
  background: #000;  
}

ตัวอย่าง: ในเทมเพลต Line ให้แสดงบับเบิลของยูสเซอร์ที่มีชื่อระบุไว้ที่ฝั่งตรงข้าม

เพิ่ม CSS ต่อไปนี้ใน custom CSS ของ OBS

※ ส่วนที่เป็น "ชื่อทดสอบ" ให้เปลี่ยนให้ตรงกับยูสเซอร์เนม

[data-user="ชื่อทดสอบ"] {  
  --lcv-side-left-visible: none;  
  --lcv-side-right-visible: block;  
  --lcv-side: var(--lcv-side-right);  
  --lcv-icon-side: var(--lcv-icon-side-right);  
  align-self: flex-end;  
}  
[data-user="ชื่อทดสอบ"] .comment-block {  
  text-align: right;  
}  
[data-user="ชื่อทดสอบ"] .comment-text {  
  text-align: left;  
}

※ กรณี line-right

[data-user="ชื่อทดสอบ"] {  
  --lcv-side-left-visible: block;  
  --lcv-side-right-visible: none;  
  --lcv-side: var(--lcv-side-left);  
  --lcv-icon-side: var(--lcv-icon-side-left);  
  align-self: flex-start;  
}  
[data-user="ชื่อทดสอบ"] .comment-block {  
  text-align: left;  
}  
[data-user="ชื่อทดสอบ"] .comment-text {  
  text-align: right;  
}