🐱 Truskawkowy kot
Śpiący trójkolorowy kot, mleko truskawkowe i różowa papeteria. Zawiera pasujące style czatu, wyróżnionej wiadomości i alertów.
Podejrzyj i użyj pakietu
Social Stream NinjaSocial Stream NinjaPrzejrzyj pełną wizualną galerię nakładeklub poznaj własne szablony i importy poniżej.
Bieżący strumień wiadomości z połączonych platform. Zacznij od szablonu czatu lub doku.
Jedna wiadomość wybrana przez Ciebie w doku. Wybierz projekt wyróżnionej wiadomości do wywiadów, pytań i odpowiedzi lub pozdrowień.
Świętuj obserwacje, członkostwa i wpłaty. Skonfiguruj animacje i dźwięk w ustawieniach alertów SSN. Poradnik alertów
Znajdź idealny szablon do swojej transmisji
Jeden wygląd w trzech źródłach przeglądarkowych. W galerii wybierz Użyj dopasowanego zestawu, wpisz dane sesji, a następnie skopiuj linki do OBS. Animacja jest opcjonalna.
Śpiący trójkolorowy kot, mleko truskawkowe i różowa papeteria. Zawiera pasujące style czatu, wyróżnionej wiadomości i alertów.
Podejrzyj i użyj pakietu
Wesoły corgi na błękitnej pocztówce. Zawiera pasujące style czatu, wyróżnionej wiadomości i alertów.
Podejrzyj i użyj pakietu
Bajkowa żaba w spokojnym lesie. Zawiera pasujące style czatu, wyróżnionej wiadomości i alertów.
Podejrzyj i użyj pakietu
Króliczek astronauta dryfujący w liliowym gwiezdnym pyle. Zawiera pasujące style czatu, wyróżnionej wiadomości i alertów.
Podejrzyj i użyj pakietu
Mały smok ze świetlistym zaczarowanym kryształem. Zawiera pasujące style czatu, wyróżnionej wiadomości i alertów.
Podejrzyj i użyj pakietu
Szop w słuchawkach i winyl w odcieniach mięty oraz śliwki. Zawiera pasujące style czatu, wyróżnionej wiadomości i alertów.
Podejrzyj i użyj pakietu
Przyjazny duch, świecąca dynia i nocny śliwkowy odcień. Zawiera pasujące style czatu, wyróżnionej wiadomości i alertów.
Podejrzyj i użyj pakietu
Renifer otulony szalikiem i świąteczna zieleń. Zawiera pasujące style czatu, wyróżnionej wiadomości i alertów.
Podejrzyj i użyj pakietuKompletne pakiety tematyczne z dokumentacją, przykładowymi obrazami i poradnikami
Dopracowany, w pełni animowany motyw z konfigurowalnymi kolorami i płynnymi przejściami. Idealny do transmisji gier.
Nostalgiczna nakładka czatu w stylu Windows 3.1 z klasycznymi oknami i dopracowanymi pikselami.
Czysty, nowoczesny wygląd z płynnymi animacjami i doskonałą czytelnością. Konfigurowalne zestawy kolorów.
Gotowe szablony wymagające tylko identyfikatora sesji
Prosty, lekki szablon z podstawowymi funkcjami. Doskonały punkt wyjścia do personalizacji.
Elegancki projekt z płynnymi animacjami i efektami wizualnymi. Przyciąga wzrok, nie rozpraszając.
Wyrazisty motyw o wysokim kontraście, zaprojektowany do transmisji gier, zapewniający doskonałą widoczność nawet przy dynamicznej treści.
Elegancka animowana nakładka czatu w stylu płynnego szkła z płynnymi animacjami i ciekawym wyświetlaniem emotek.
Szablony działające ze stylami CSS YouTube
Użyj CSS stworzonego dla YouTube z naszą stroną nakładki o strukturze YouTube. Zgodne ze stylami Septapus.
Punkty wyjścia do tworzenia własnych nakładek
Minimalny kod potrzebny do stworzenia własnej nakładki od podstaw. Idealny dla programistów i programowania wspieranego przez LLM.
Bardziej kompletny punkt wyjścia z komentarzami i dokumentacją pomagającymi tworzyć własne nakładki.
Udało Ci się stworzyć świetny szablon dla Social Stream Ninja? Udostępnij go społeczności, przesyłając pull request do naszego repozytorium GitHub.
Prześlij na GitHubPierwszy import? Przeczytaj pełny poradnik skórek czatu , aby znaleźć pliki widżetu, obsługiwane formaty, konfigurację OBS i rozwiązania problemów.
Działa zarówno z aplikacją komputerową SSN dla Windows, jak i rozszerzeniem Chrome — bez edytowania kodu.
Otwórz źródła platform w aplikacji lub rozszerzeniu SSN, a następnie wyślij wiadomość testową. Kontynuuj dopiero wtedy, gdy pojawi się w doku SSN.
Użyj ZIP-a, folderu lub plików dostarczonych przez projektanta widżetu. Przydatny eksport zwykle zawiera HTML, CSS, JavaScript, fields/data i zasoby. Zrzut ekranu lub adres nakładki StreamElements nie wystarczy.
Otwórz importer i wybierz ZIP, folder lub pliki. Wykrywa części widżetu i od razu pokazuje podgląd demonstracyjny.
Otwórz importer widżetówOtwarcie importera z panelu rozszerzenia SSN automatycznie uzupełnia identyfikator sesji i hasło. Jeśli otwarto go bezpośrednio, skopiuj je z Opcje sesji w aplikacji lub rozszerzeniu. Identyfikator sesji wpisujesz raz w importerze; zostaje zapisany w pobranym pliku.
Jeśli zaimportowany widżet udostępnia zgodne ustawienia, użyj Historia wiadomości (Message history) , aby wyłączyć usuwanie po czasie lub zmienić liczbę wiadomości pozostających na ekranie. Zmienia to ustawienia widżetu, a nie jego kod.
Podgląd demonstracyjny (Demo Preview) sprawdza projekt za pomocą przykładowych wiadomości. Podgląd na żywo (Live Preview) sprawdza sesję na prawdziwym czacie z uruchomionej aplikacji lub rozszerzenia SSN.
Kliknij Pobierz HTML do OBS (Download OBS HTML). W OBS dodaj źródło przeglądarkowe, włącz Plik lokalnyi wybierz pobrany plik HTML. Nie dodawaj identyfikatora sesji ani nie edytuj adresu URL w OBS. Pozostaw SSN uruchomione podczas transmisji; importer i StreamElements mogą być zamknięte.
Sprawdź wykryte pliki w importerze i użyj Advanced file selection, jeśli wybrał niewłaściwy HTML, CSS lub JavaScript.
Potwierdź, że czat dociera do doku SSN, a identyfikator sesji i opcjonalne hasło są dokładnie zgodne.
Użyj pobranego pliku HTML — nie strony importera, oryginalnego ZIP-a ani adresu StreamElements — a następnie odśwież źródło przeglądarkowe OBS.
Wykonaj te proste kroki, aby rozpocząć
Przejrzyj bibliotekę szablonów i wybierz pasujący do stylu transmisji. Porównaj projekty w galerii zrzutów ekranu; większość wbudowanych szablonów działa bezpośrednio z adresu URL, bez pobierania.
Zastąp YOURSESSIONID w adresie szablonu swoim prawdziwym identyfikatorem sesji Social Stream Ninja, dostępnym w Session Options w aplikacji lub rozszerzeniu SSN. Dodaj opcjonalne hasło, jeśli sesja go używa.
https://socialstream.ninja/themes/pretty.html?session=YOURSESSIONID
Dodaj zmodyfikowany adres URL jako źródło przeglądarkowe w programie do transmisji:
Spersonalizuj nakładkę własnym CSS na jeden z tych sposobów:
&css=URL_TO_YOUR_CSS_FILE do adresu szablonu&b64css=YOUR_BASE64_ENCODED_CSSZacznij od działającej nakładki, a następnie zmień jej wygląd.
Użyj źródła przeglądarkowego OBS Własny CSS do kolorów, odstępów i typografii. Zachowaj oryginalny adres SSN i połączenie.
Masz eksport widżetu czatu StreamElements? Otwórz konwerter StreamElements, obejrzyj podgląd, a następnie pobierz HTML do OBS. Użyj oryginalnego ZIP-a lub plików, a nie zrzutu ekranu czy adresu nakładki. Zobacz konfigurację poniżej.
Skopiuj działający szablon początkowy i edytuj jego HTML, CSS i JavaScript. Szybki start · Poradnik deweloperski · Pola zdarzeń
Dla działania opartego na wyzwalaczach zacznij od Edytor Event Flow i reguł efektów alertów , zanim napiszesz nową nakładkę.
Wybierz punkt wyjścia, skopiuj prompt i zastąp szczegóły projektu w nawiasach. Dołącz pliki źródłowe, jeśli Twoja AI nie może czytać linków. Nie podawaj w rozmowie prywatnego identyfikatora sesji ani hasła.
Konwertujesz bardziej złożony widżet? Użyj pełnego promptu konwersji StreamElements / Streamlabs.
Dowiedz się, jak stworzyć własną nakładkę czatu z pomocą AI