Halloween-Dekorationen :Geist:

Themenkomponente
, ,
1
:discourse2: Summary Halloween Decorations will add some spooky flair to your forum this festive season!
:eyeglasses: Preview Preview on Discourse Theme Creator
:hammer_and_wrench: Repository Link https://github.com/discourse/discourse-halloween-decorations
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Features

:information_source: This theme component only shows for desktop view. :desktop_computer:

This component has three flairs:

  • Bats animation
  • Spider web on both sides
  • Pumpkin loading animation

Happy Halloween! :ghost: :spider_web:

:discourse2: Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.

Last edited by @JammyDodger 2024-10-23T15:06:22Z

Last checked by @Lilly 2024-10-14T21:44:14Z

Check documentPerform check on document:
37 „Gefällt mir“
2

Das ist so cool. Danke!

2 „Gefällt mir“
3

3 Beiträge wurden in ein neues Thema aufgeteilt: Wo ist der Kürbis?

4

Ist dies immer noch nur für Desktops verfügbar?

1 „Gefällt mir“
5

Ja, das ist es.
Ich werde es im OP vermerken. Danke.

2 „Gefällt mir“
6

Dies ist ein Bild einer illustrierten, stilisierten Katze mit einem Hintergrund in einfarbigem Blau. (Beschriftet von KI)
Dies ist ein Bild einer illustrierten, stilisierten Katze mit einem Hintergrund in einfarbigem Blau. (Beschriftet von KI)1263×886 80.4 KB

Ich denke, es ist möglich, eine offene Bildschirmanimation zu erhalten, wenn man auf das Forum klickt, die auch den Inhalt im Refresher ausblendet

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    #custom-video-container {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #2cb9e4;
      z-index: 9999;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: visibility 0s 1s, opacity 1s linear; /* Übergangseffekt hinzufügen */
      visibility: visible;
      opacity: 1;
    }

    #custom-video {
      width: auto; /* Breite auf 100% einstellen */
      height: auto; /* Höhe automatisch anpassen */
    }
  </style>
</head>
<body>
  <div id="custom-video-container">
    <video id="custom-video" autoplay muted>
      <source src="https://www.justnainai.com/uploads/default/original/2X/e/e4faa6e98fd8890bbd33a24ef27f63cbb30a9d16.mp4" type="video/mp4">
    </video>
  </div>

  <script>
    document.addEventListener('DOMContentLoaded', () => {
      const videoContainer = document.getElementById('custom-video-container');
      const video = document.getElementById('custom-video');

      video.addEventListener('ended', () => {
        setTimeout(() => {
          videoContainer.style.visibility = 'hidden';
          videoContainer.style.opacity = '0';
        }, 10); // Nach 3 Sekunden nach Ende des Videos ausblenden
      });
    });
  </script>
</body>
</html>
1 „Gefällt mir“
7

Meine Mitglieder lieben das – sehr gut gemacht. Nicht aufdringlich, genau die richtige Menge. Die Kürbis-Animation ist so schnell, dass man fast denkt, man sieht Dinge – lol. Meine mobilen Nutzer sind so enttäuscht – lol, sie wollen es auch! Und meine Katze hat die Fledermäuse gefunden! Ich hoffe, wir können uns auf etwas für alle Feiertage freuen, wissen Sie, Veteranentag, Thanksgiving, Weihnachten, Neujahr, Valentinstag, St. Patrick, Ostern, Gedenktag, 4. Juli, Tag der Arbeit usw. und lustige Sachen für die Zeiten dazwischen – fallender Schnee, Blumen, der Strand, Herbstlaub usw.

Eine Katze schaut aufmerksam auf einen Computerbildschirm mit einem geöffneten Webbrowser, der eine farbenfrohe Liste von Lesezeichen-Themen und ein schwarzes Spinnen-Symbol anzeigt. (Beschriftet von KI)
Eine Katze schaut aufmerksam auf einen Computerbildschirm mit einem geöffneten Webbrowser, der eine farbenfrohe Liste von Lesezeichen-Themen und ein schwarzes Spinnen-Symbol anzeigt. (Beschriftet von KI)261×634 57.1 KB

3 „Gefällt mir“
8

Hallo @famousamos.1 :wave: Willkommen bei Discourse Meta :slight_smile:

Wir haben auch

6 „Gefällt mir“
9

Juhu! Meine Mitglieder werden so begeistert sein – ihr wisst doch, dass sie ständig lustige Dekorationen erwarten, oder?? lol

1 „Gefällt mir“
10

Außer wenn sie Mobiltelefone benutzen… nun, jemand kann aufgeregt sein, wenn er nur ein paar Fledermäuse sieht und sonst nichts.

Dies sollte als desktop markiert werden, da es auf Mobiltelefonen nicht funktioniert.

2 „Gefällt mir“
11

Das stimmt – meine mobilen Mitglieder können diese Dinge [noch] nicht sehen

2 „Gefällt mir“
12

Kann es so eingestellt werden, dass es zu bestimmten Zeiten aktiviert wird? Zum Beispiel, dass diese Dekoration nur jedes Jahr an Halloween erscheint.