Partagez vos décorations d'Halloween Discourse !

[Canapin (Coin-coin le Canapin)]

Tout comme pour les décorations de Noël, voici un sujet pour partager vos décorations d’Halloween.

Fantôme effrayant

Par défaut, le fantôme a 1 chance sur 10 d’apparaître lors de l’ouverture de l’éditeur de message.

1. Téléchargez l’image suivante dans votre thème ou composant et nommez la variable ghost :

Source

2. Ajoutez ce code JavaScript dans l’onglet \u003c/head\u003e de votre thème ou composant :
   Vous pouvez augmenter ou diminuer la valeur de la variable rarity pour que le fantôme apparaisse moins ou plus souvent.

   \u003cscript type="text/discourse-plugin" version="1.4.0"\u003e
   const appEvents = api.container.lookup("service:app-events");
   appEvents.on('composer:opened', () =\u003e {
       let rarity = 10 // le fantôme a 1 chance sur [valeur de rarity] d'apparaître à l'ouverture de l'éditeur
       if (Math.floor(Math.random() * rarity) == 0) {
           let halloweenGhost = document.createElement("img");
           halloweenGhost.id = "halloween-ghost";
           halloweenGhost.src = settings.theme_uploads.ghost;
           document.getElementsByTagName("body")[0].appendChild(halloweenGhost);
           setTimeout(function () {
               halloweenGhost.classList.add("ghost-show");
           }, 0);
           setTimeout(function(){
               halloweenGhost.remove();
           }, 1000);
       }
   });
   \u003c/script\u003e
   

3. Ajoutez ce code dans l’onglet CSS :

   #halloween-ghost {
       position: fixed;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%) scale(.5);
       z-index: 10000;
       opacity: 1;
       pointer-events: none;
       transition: opacity .75s ease-in, top .75s ease, transform .75s cubic-bezier(0.175, 0.885, 0.32, 1.275);
       \u0026.ghost-show {
           transform: translate(-50%, -60%) scale(.6);
           opacity: 0;
       }
   }
   @media all and (min-width: 1024px) {
       #halloween-ghost {
           transform: translate(-50%, -50%) scale(.75);
           \u0026.ghost-show {
               transform: translate(-50%, -60%) scale(.9);
           }
       }
   }
   

Le fantôme « saute » sur mobile lorsque le clavier virtuel apparaît.

Toiles d’araignée

Les toiles seront masquées sur les petits écrans.

Comment ajouter ceci à votre forum :

1. Créez un nouveau composant de thème ou modifiez votre thème, téléchargez cette image et nommez la variable spiderweb :

   
   
   Source

2. Ajoutez le CSS suivant à votre thème ou composant :

   @media all and (min-width: 1300px) {
      #main {
        \u0026:before, \u0026:after {
            content: "";
            display: block;
            top: 4em;
            width: 300px;
            height: 300px;
            position: absolute;
            background: transparent url($spiderweb) top left no-repeat;
            background-size: contain;
            z-index: -1;
        }
        \u0026:after {
            right: 0;
            transform: scaleX(-1);
         }
      }
   }
   

Icône de crâne pour le sélecteur d’émojis

Une touche subtile qui remplace l’icône de smiley dans l’éditeur de message par un crâne

1. Ajoutez skull dans votre paramètre sous-ensemble d’icônes SVG :
   

   

2. Remplacez l’icône dans l’onglet \u003c/head\u003e de votre thème ou composant de thème :

   \u003cscript type="text/discourse-plugin" version="0.8.23"\u003e
       api.replaceIcon('far-smile', 'skull');
   \u003c/script\u003e
   

Cela remplace donc également l’icône de smiley dans d’autres endroits, comme le panneau d’administration. Mais après tout, c’est Halloween, non ?

Citrouille sculptée (Jack-o’-lantern)

Une citrouille sculptée simple et statique placée en bas à droite de votre site :

1. Créez un nouveau composant de thème ou modifiez votre thème, téléchargez cette image et nommez la variable pumpkin :

   
   
   Source

2. Ajoutez le CSS suivant à votre thème ou composant :

   body {
       background: transparent url($pumpkin) bottom right no-repeat;
       background-size: 10%;
   }
   @media all and (min-width: 1024px) {
       body {
           background-size: 7%;
       }
   }
   

Cela est incompatible avec les forums utilisant déjà une image de fond sur \u003cbody\u003e.

Logo effrayant

Si votre logo utilise du texte simple ou est une image de texte simple, vous pouvez remplacer la police par une police plus typique d’Halloween.

→
Police utilisée : Creepster

• Si votre logo est une image, modifiez l’image pour changer la police.
• Si votre logo est du vrai texte, suivez ce tutoriel pour changer la police utilisée dans le logo : Include assets (e.g. images, fonts) in themes and components
  • Utilisez le sélecteur #site-text-logo dans votre CSS.

[JimPas]

J’adorerais, mais j’ai quelques utilisateurs qui souffrent d’arachnophobie. Ils l’ont fait savoir à plusieurs reprises, et ce sont parmi mes contributeurs les plus réguliers.
J’aime vraiment les toiles. Ça a l’air super !

[Canapin (Coin-coin le Canapin)]

@JimPas

J’adorerais, mais j’ai quelques utilisateurs qui ont une arachnophobie.

C’est la raison pour laquelle je n’ai pas inclus d’araignée. Je suppose (peut-être à tort) que les gens sont plus tolérants envers les toiles uniquement ?

[Paracelsus]

Avoir des araignées qui courent partout sur l’écran et un son de MUHAHAAHA lors de la première visite, ainsi qu’un bruit de porte qui grince ou de chaînes qui traînent lorsqu’on entre dans une catégorie ou qu’on clique sur un sujet (de manière un peu aléatoire, par exemple tous les 20 clics, sinon cela deviendrait très ennuyeux si cela se produisait à chaque fois) serait aussi génial !

[Canapin (Coin-coin le Canapin)]

J’ai pensé à faire apparaître un petit fantôme de manière aléatoire (et rarement) pendant une seconde à l’écran lorsque nous répondons à un sujet

[ondrej]

Ce serait une excellente idée ! Merci de l’avoir créé.

[Chaboi_3000]

Ce composant de thème créé par @Rhidian serait un choix parfait :

Bugs theme-component

Bugs: a Discourse theme-component Did you know fruit flies were the first living creatures to be sent into space? Spiders are found on every continent of the world except Antarctica This theme component is a port and update of Auzbugs repo. It originally started out as an April fools joke and has been adapted over time. I’ve included a new bugs interact feature in this component. This is just a bit of fun : I suggest you use it sparingly, maybe just at …

[ondrej]

Je viens d’ajouter cela aussi. Merci @Chaboi_3000 !

[Terrapop]

Super, on vient d’ajouter les toiles d’araignée à notre Discourse

[Canapin (Coin-coin le Canapin)]

J’ai supprimé mes derniers messages pour les ajouter au premier, puisque c’est un wiki. Je vous invite également à ajouter vos propres personnalisations !
J’ai également amélioré le code fantôme en y ajoutant un léger effet de « pop-out » avec une transition de mise à l’échelle.

[ECoops123]

Je pense que nous avons une idée pour ça, @ondrej. Cela devrait apporter un peu de plaisir et une ambiance festive à la communauté. J’aimerais vraiment que cela soit ajouté pendant la période d’Halloween.

Peut-être réduire la variété pour ajouter un peu plus de « piment » inattendu

[Canapin (Coin-coin le Canapin)]

@ondrej

C’est une excellente idée !

J’ai créé et ajouté le fantôme effrayant dans le premier message.

[ondrej]

Ah ! Bien, je m’en occupe.

[soraiden]

Merci beaucoup ! Nous sommes dans la fête sur http://lettucecraft.com/ grâce à vos décorations !

[anon89147131]

Je viens de le retirer de mon forum, mais c’était agréable tant que cela a duré — merci pour votre aide (nous vous avons crédité) ! Screenshot 2020-11-01 at 18.08.00|690x55

[soraiden]

J’ai réutilisé le même concept pour les fêtes de décembre. Merci encore une fois !! https://forum.lettucecraft.com/

[darkpixlz (Pyx)]

J’obtiens cette erreur sur mon site avec l’ajout de Ghost.

[Stephen]

C’est assez plausible si l’on considère son âge et la fréquence d’utilisation.

[darkpixlz (Pyx)]

Ouais, je viens de voir ça et j’ai pensé que ce serait une idée amusante d’en ajouter une partie. C’est aussi drôle que Discourse dise « ATTENTION !!! VOTRE SITE EST CASSÉ !!! » alors que ce n’est qu’une apparition fantôme cassée lol

[Canapin (Coin-coin le Canapin)]

J’essaierai d’y jeter un œil. C’est trop effrayant comme ça.