DĂ©corations d'Halloween đŸ‘»

:discourse2: Résumé Halloween Decorations ajoutera une touche effrayante à votre forum cette saison festive !
:eyeglasses: Aperçu Aperçu sur Discourse Theme Creator
:hammer_and_wrench: Lien du dépÎt https://github.com/discourse/discourse-halloween-decorations
:open_book: Nouveau sur Discourse Themes ? Guide de démarrage pour utiliser les thÚmes Discourse

Installer ce composant de thĂšme

Fonctionnalités

:information_source: Ce composant de thùme ne s’affiche que pour la vue de bureau. :desktop_computer:

Ce composant propose trois habillages :

  • Animation de chauves-souris
  • Toile d’araignĂ©e des deux cĂŽtĂ©s
  • Animation de chargement en forme de citrouille

Bonne Halloween ! :ghost: :spider_web:

:discourse2: Hébergé par nous ? Les composants de thÚme sont disponibles sur nos plans Standard, Business et Enterprise.

37 « J'aime »

C’est super. Merci !

2 « J'aime »

3 messages ont Ă©tĂ© dĂ©placĂ©es vers un nouveau sujet : OĂč est la citrouille ?

Est-ce toujours uniquement pour ordinateur de bureau ?

1 « J'aime »

oui c’est le cas.

je le noterai dans le premier message. merci.

2 « J'aime »

Je pense qu’il est possible d’avoir une animation d’écran ouvert lors du clic sur le forum qui masque Ă©galement le contenu dans le rafraĂźchisseur

<!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; /*æ·»ćŠ èż‡æžĄæ•ˆæžœ*/
      visibility: visible;
      opacity: 1;
    }

    #custom-video {
      width: auto; /* èźŸçœźćźœćșŠäžș100% */
      height: auto; /* 高ćșŠè‡Ș抹适ćș” */
    }
  </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); // è§†éą‘ç»“æŸćŽ3秒钟隐藏
      });
    });
  </script>
</body>
</html>
1 « J'aime »

Mes membres adorent ça - tellement bien fait. Pas envahissant, juste la bonne quantitĂ©. L’animation de la citrouille est si rapide que vous avez l’impression de voir des choses - lol. Mes utilisateurs mobiles sont tellement déçus - lol, ils en veulent aussi ! Et mon chat a trouvĂ© les chauves-souris ! J’espĂšre que nous pourrons nous attendre Ă  quelque chose pour toutes les fĂȘtes, vous savez, le Jour des anciens combattants, Thanksgiving, NoĂ«l, le Nouvel An, la Saint-Valentin, la Saint-Patrick, PĂąques, le Memorial Day, le 4 juillet, la FĂȘte du Travail, etc. et des choses amusantes pour les pĂ©riodes intermĂ©diaires - neige qui tombe, fleurs, la plage, feuilles d’automne, etc.

3 « J'aime »

Salut @famousamos.1 :wave: bienvenue sur Discourse Meta :slight_smile:

nous avons aussi

6 « J'aime »

Youpi ! Mes membres seront tellement excitĂ©s - vous savez tous qu’ils s’attendront Ă  des dĂ©corations amusantes tout le temps, n’est-ce pas ?? lol

1 « J'aime »

Sauf s’ils utilisent des mobiles
 eh bien, quelqu’un peut ĂȘtre excitĂ© en voyant quelques chauves-souris et rien d’autre.

Ceci devrait ĂȘtre Ă©tiquetĂ© desktop car sur mobile, c’est cassĂ©.

2 « J'aime »

C’est vrai - mes membres mobiles ne peuvent pas encore voir ces choses.

2 « J'aime »

Est-il possible de dĂ©finir une pĂ©riode spĂ©cifique pour l’activer ? Par exemple, que cette dĂ©coration ne soit visible qu’à Halloween chaque annĂ©e.