Halloween-Dekorationen :Geist:

Anpassung Themenkomponente
, ,
1
:discourse2: Zusammenfassung Halloween-Dekorationen verleihen Ihrem Forum in dieser festlichen Jahreszeit einen gruseligen Touch!
:eyeglasses: Vorschau Vorschau im Discourse Theme Creator
:hammer_and_wrench: Link zum Repository https://github.com/discourse/discourse-halloween-decorations
:open_book: Neu bei Discourse Themes? Anfängerleitfaden zur Verwendung von Discourse Themes

Dieses Theme-Komponente installieren

Funktionen

:information_source: Diese Theme-Komponente wird nur in der Desktop-Ansicht angezeigt. :desktop_computer:

Diese Komponente verfügt über drei Verzierungen:

  • Fledermaus-Animation
  • Spinnennetz auf beiden Seiten
  • Kürbis-Ladeanimation

Frohes Halloween! :ghost: :spider_web:

:discourse2: Von uns gehostet? Theme-Komponenten können auf unseren Standard-, Business- und Enterprise-Plänen verwendet werden.

37 „Gefällt mir“
Customizing your site with existing theme components
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.