تخصيص التراكبات

ابدأ بالقوالب، ثم استخدم خيارات URL وCSS عند الحاجة فقط.

أسرع مسار: اختيار قالب

هل لديك مظهر دردشة من StreamElements أو Streamlabs؟ استورد أداتك المخصصة باتباع دليل مظهر الدردشة.

القوالب أسهل طريقة للحصول على تراكب متقن دون كتابة CSS من الصفر.

معرض قوالب مع بحث وتصفية حسب الفئات ومعاينات للقوالب
ابحث في القوالب وصفِّها، ثم انسخ رابط التراكب المُنشأ إلى OBS.

مستويات التخصيص

المستوىالاستخدامالموضع
عناصر تحكم القالبتغييرات مرئية سريعة.معرض القوالب.
معاملات 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

معاينة تراكب نموذجية تعرض رسالة دردشة Social Stream بتنسيق مخصص
افتح الرابط النهائي في متصفح عادي قبل اختباره في OBS.

حلول شائعة

  • يبدو صحيحًا في المتصفح وخاطئًا في OBS: أزل CSS المخصص في OBS وحدّث مصدر المتصفح.
  • الخط مفقود: استخدم رابط HTTPS مباشرًا لملف الخط وتحقق من قواعد CORS والربط المباشر.
  • كل شيء غير مرئي: تحقق من العتامة واللون وعوامل التصفية وما إذا كانت الصفحة تحتاج إلى حمولة رسالة مميزة أو حدث.
  • تغييرات URL لا تؤثر: حدّث مصدر OBS أو استبدل الرابط.