Decorazioni di Halloween 👻

Personalizzazione Componente del tema
, ,
1
:discourse2: Riepilogo Decorazioni di Halloween aggiungerà un tocco spettrale al tuo forum in questa festività!
:eyeglasses: Anteprima Anteprima su Discourse Theme Creator
:hammer_and_wrench: Link al Repository https://github.com/discourse/discourse-halloween-decorations
:open_book: Nuovo alle Teme di Discourse? Guida per principianti all’uso dei temi di Discourse

Installa questo componente del tema

Funzionalità

:information_source: Questo componente del tema è visibile solo nella visualizzazione desktop. :desktop_computer:

Questo componente dispone di tre effetti speciali:

  • Animazione dei pipistrelli
  • Ragnatela su entrambi i lati
  • Animazione di caricamento della zucca

Buon Halloween! :ghost: :spider_web:

:discourse2: Ospitato da noi? I componenti del tema sono disponibili per l’uso nei nostri piani Standard, Business ed Enterprise.

37 Mi Piace
Customizing your site with existing theme components
2

Questo è fantastico. Grazie!

2 Mi Piace
3

3 post sono stati divisi in un nuovo argomento: Dov’è la zucca?

4

È ancora disponibile solo per desktop?

1 Mi Piace
5

sì, lo è.
lo annoterò nell’OP. grazie.

2 Mi Piace
6

Questa è un'immagine di un gatto stilizzato illustrato con uno sfondo di colore blu solido. (Sottotitolato dall'IA)
Questa è un'immagine di un gatto stilizzato illustrato con uno sfondo di colore blu solido. (Sottotitolato dall'IA)1263×886 80.4 KB

Penso sia possibile ottenere un’animazione di apertura dello schermo quando si fa clic sul forum che nasconde anche il contenuto nel refresh

<!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; /* Aggiungi transizione */
      visibility: visible;
      opacity: 1;
    }

    #custom-video {
      width: auto; /* Imposta la larghezza al 100% */
      height: auto; /* Altezza adattabile automaticamente */
    }
  </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); // Nascondi 3 secondi dopo la fine del video
      });
    });
  </script>
</body>
</html>
1 Mi Piace
7

I miei membri lo adorano, complimenti. Non è invadente, solo la giusta quantità. L’animazione della zucca è così veloce che quasi pensi di vedere cose - lol. I miei utenti mobili sono così delusi - lol, la vogliono anche loro! E il mio gatto ha trovato i pipistrelli! Spero che potremo aspettarci qualcosa per tutte le festività, sai, Veterans Day, Thanksgiving, Natale, Capodanno, San Valentino, San Patrizio, Pasqua, Memorial Day, 4 luglio, Labor Day, ecc. e cose divertenti per i periodi intermedi - neve che cade, fiori, la spiaggia, foglie autunnali, ecc.

Un gatto guarda intensamente uno schermo di computer con un browser web aperto, con un elenco colorato di argomenti di segnalibri e un'icona di ragno nero. (Sottotitolato dall'IA)
Un gatto guarda intensamente uno schermo di computer con un browser web aperto, con un elenco colorato di argomenti di segnalibri e un'icona di ragno nero. (Sottotitolato dall'IA)261×634 57.1 KB

3 Mi Piace
8

Ciao @famousamos.1 :wave: benvenuto su Discourse Meta :slight_smile:

abbiamo anche

6 Mi Piace
9

Woo Hoo! I miei membri saranno così entusiasti: sapete tutti che si aspetteranno sempre delle decorazioni divertenti, giusto?? lol

1 Mi Piace
10

A meno che non stiano usando dispositivi mobili… beh, qualcuno potrebbe essere entusiasta quando vede poche sagome e nient’altro.

Questo dovrebbe essere taggato desktop perché sui dispositivi mobili è rotto.

2 Mi Piace
11

Questo è vero: i miei membri mobili non possono ancora vedere queste cose.

2 Mi Piace
12

È possibile impostare un periodo di tempo specifico per l’attivazione? Ad esempio, questa decorazione è disponibile solo ogni Halloween.