Vores gratis stream alert-generator og custom CSS-generator lader dig designe en animeret alert til follower, subscriber, tip, raid eller cheer på din stream — og derefter kopiere CSS'en og HTML'en og indsætte den i din alert box i OBS, Streamlabs eller StreamElements. Vælg dine fonte, farver, boksstil og indgangsanimation, se den spille live, og få en ren, egen alert ud på få minutter. Uden vandmærke, og det hele kører i din browser.
Sådan bruger du alert-CSS'en i Streamlabs eller StreamElements
I indstillingerne for din alert box-widget åbner du Custom CSS (Streamlabs) eller CSS-fanen i overlay-editoren (StreamElements), og indsætter den CSS, der genereres her. Stilene retter sig mod klasserne .alert-box, .alert-main, .alert-sub og .alert-img — giv dem nye navne, så de matcher elementerne i din widget, hvis det er nødvendigt. Til en helt egen opsætning bruger du den kopierede HTML i en OBS Browser Source som udgangspunkt.
I eksporten kan du også vælge Streamlabs eller StreamElements: Streamlabs-koden bruger Streamlabs' egne element-id'er og pladsholdere, og StreamElements får en færdig brugerdefineret widget (HTML, CSS og JS), der viser alle alerttyper.
Alerts til follower, sub, tip, raid og cheer
Skift alert-type for at indlæse en fornuftig standardbesked, og redigér så teksten. Brug {user} og {amount} som pladsholdere, dér hvor seerens navn og værdi skal stå — den direkte forhåndsvisning udfylder dit eksempelnavn og -beløb, så du kan se, hvordan det rent faktisk bliver. Din platform indsætter de rigtige tokens, når alerten udløses.
Hver af de seks alerttyper (følger, abonnement, gaveabonnementer, donation, raid og cheer) har sin egen besked, anden linje og ikon, så ét design dækker dem alle.
Animationer, der fanger blikket
Vælg mellem fade, slide, pop, bounce, flip og zoom som indgang, og justér varigheden. Lidt bevægelse får nye følgere og donationer til at poppe på skærmen uden at forstyrre. Tryk på Afspil igen lige så mange gange, du vil, for at finjustere timingen.
Der er 16 indgange, 11 udgange, en animation mens alerten vises, partikler i ren CSS som konfetti og hjerter, og 32 færdige looks at starte fra.
Ofte stillede spørgsmål
Hvordan lægger jeg egen alert-CSS ind i Streamlabs?
Åbn din Alert Box-widget, rul ned til Custom CSS, og indsæt den CSS, du har kopieret her. Justér klassenavnene, hvis din widget bruger andre, og gem og test så alerten.
Virker det med StreamElements og OBS?
Ja. Eksportér en færdig brugerdefineret StreamElements-widget (HTML, CSS og JS), der håndterer alle seks alerttyper, eller kopiér CSS og HTML til enhver alert-boks. OBS-testlinket afspiller din alert i en browserkilde, så du kan tjekke størrelse og placering.
Kan jeg bruge mit eget alert-billede eller min egen GIF?
Ja. Indsæt en URL til et billede eller en GIF i billedfeltet, så vises den over teksten. I den direkte forhåndsvisning hentes den fra den URL, og samme URL bruges i den eksporterede HTML.
Hvad betyder {user} og {amount}?
De er pladsholdere for seerens navn og værdien (tip-beløb, bits eller raid-seere). Forhåndsvisningen udfylder dine eksempelværdier; din streamingplatform erstatter dem med rigtige data, når en alert udløses.
Er alert-generatoren gratis?
Helt gratis og uden vandmærke. Design og kopiér lige så mange alert-stile, du vil.
Flere gratis værktøjer til streamere
Se hele den gratis værktøjssamling — heriblandt overlay-generator til webcam, generator til Starting Soon-skærme og fake chat-generator.
Sidst opdateret: oktober 2026