การปรับแต่งโอเวอร์เลย์

วิธีเร็วที่สุด: เลือกเทมเพลต

มีสกินแชต StreamElements หรือ Streamlabs อยู่หรือไม่? นำเข้าวิดเจ็ตกำหนดเองด้วยคู่มือสกินแชต.

เทมเพลตเป็นวิธีง่ายที่สุดในการได้โอเวอร์เลย์ที่ดูดี โดยไม่ต้องเขียน CSS ตั้งแต่ต้น

ระดับการปรับแต่ง

ระดับ	ใช้สำหรับ	ตำแหน่ง
ตัวควบคุมเทมเพลต	ปรับหน้าตาอย่างรวดเร็ว	แกลเลอรีเทมเพลต.
พารามิเตอร์ URL	พฤติกรรม ป้าย ตัวกรอง สเกล จำนวนสูงสุด	สตริงพารามิเตอร์ใน URL โอเวอร์เลย์
CSS กำหนดเองของ OBS	ปรับสไตล์เล็กน้อยสำหรับแหล่ง OBS เดียว	คุณสมบัติแหล่งเบราว์เซอร์ OBS
CSS บนเซิร์ฟเวอร์/โฮสต์เอง	ใช้สไตล์ซ้ำกับหลายโอเวอร์เลย์	&css= หรือ &b64css=.
โอเวอร์เลย์กำหนดเอง	กำหนดพฤติกรรมเองทั้งหมด	คู่มือโอเวอร์เลย์กำหนดเอง.

ตัวเลือก URL ที่ใช้บ่อย

featured.html?session=YOUR_SESSION&scale=1.1&limit=10

• session เชื่อมโอเวอร์เลย์กับห้องแชตที่ถูกต้อง
• scale เปลี่ยนขนาดโดยไม่ต้องเขียน CSS ใหม่
• limit ควบคุมจำนวนข้อความที่ยังมองเห็นในหน้าที่รองรับ
• hidesource ซ่อนป้ายแพลตฟอร์มต้นทางในแผงด็อก (dock.html เท่านั้น)
• css และ b64css โหลดสไตล์กำหนดเอง

ดูตัวอย่างก่อนใช้ใน OBS

วิธีแก้ปัญหาที่พบบ่อย

• ดูถูกต้องในเบราว์เซอร์ แต่ผิดใน OBS: เอา OBS Custom CSS ออก แล้วรีเฟรชแหล่งเบราว์เซอร์
• ฟอนต์ไม่แสดง: ใช้ไฟล์ฟอนต์ HTTPS โดยตรง และตรวจข้อกำหนด CORS/การลิงก์ข้ามเว็บไซต์
• มองไม่เห็นทุกอย่าง: ตรวจความทึบ สี ฟิลเตอร์ และว่าหน้าต้องการเพย์โหลดข้อความเด่น/เหตุการณ์หรือไม่
• เปลี่ยน URL แล้วไม่มีผล: รีเฟรชแหล่ง OBS หรือแทนที่ URL