Teilt eure Discourse Halloween-Dekorationen!

[Canapin (Coin-coin le Canapin)]

Ähnlich wie bei Weihnachtsdekorationen, hier ist ein Thema, um Halloween-Dekorationen zu teilen.

Gruseliger Geist

Der Geist erscheint standardmäßig mit einer Chance von 1 zu 10, wenn der Editor geöffnet wird.

1. Lade das folgende Bild in dein Theme/Komponente hoch und nenne die Variable ghost:

Quelle

2. Füge diesen JavaScript-Code im Tab \u003c/head\u003e deines Themes oder deiner Komponente hinzu:
   Du kannst den Wert der Variable rarity erhöhen oder verringern, um zu steuern, wie selten oder häufig der Geist erscheint.

   \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 // Der Geist hat eine Chance von 1 zu [rarity value], beim Öffnen des Editors zu erscheinen
       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. Füge diesen Code im CSS-Tab hinzu:

   #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);
           }
       }
   }
   

Der Geist „springt" auf mobilen Geräten, wenn die virtuelle Tastatur erscheint.

Spinnennetze

Die Netze werden auf kleineren Bildschirmen ausgeblendet.

So fügst du dies zu deinem Forum hinzu:

1. Erstelle eine neue Theme-Komponente oder bearbeite dein Theme, lade dieses Bild hoch und nenne die Variable spiderweb:

   
   
   Quelle

2. Füge den folgenden CSS-Code zu deinem Theme oder deiner Komponente hinzu:

   @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);
         }
      }
   }
   

Schädel-Icon für den Emoji-Auswahl

Ein subtiles Detail, das das Smiley-Icon im Nachrichten-Editor durch einen Schädel ersetzt.

1. Füge skull in deiner Einstellung svg icon subset hinzu:
   

   

2. Ersetze das Icon im Tab \u003c/head\u003e deines Themes/Theme-Komponente:

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

Dadurch wird das Smiley-Icon auch an anderen Stellen ersetzt, z. B. im Admin-Bereich. Aber es ist schließlich Halloween, oder?

Jack-o’-Latern

Eine einfache, statische geschnitzte Kürbis, die unten rechts auf deiner Seite liegt:

1. Erstelle eine neue Theme-Komponente oder bearbeite dein Theme, lade dieses Bild hoch und nenne die Variable pumpkin:

   
   
   Quelle

2. Füge den folgenden CSS-Code zu deinem Theme oder deiner Komponente hinzu:

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

Dies ist inkompatibel mit Foren, die bereits ein Hintergrundbild im \u003cbody\u003e verwenden.

Gruseliges Logo

Wenn dein Logo aus normalem Text besteht oder ein einfaches Textbild ist, kannst du die Schriftart durch eine Halloween-tauglichere ersetzen.

→
Verwendete Schriftart: Creepster

• Wenn dein Logo ein Bild ist, bearbeite das Bild, um die Schriftart zu ändern.
• Wenn dein Logo echter Text ist, folge diesem Tutorial, um die im Logo verwendete Schriftart zu ändern: Include assets (e.g. images, fonts) in themes and components
  • Verwende den Selektor #site-text-logo in deinem CSS.

[JimPas]

Das wäre toll, aber ich habe einige Nutzer mit Arachnophobie. Sie haben das bereits mehrfach deutlich gemacht, und sie gehören zu meinen häufigsten Beitragenden.
Ich mag die Spinnennetze wirklich. Sie sehen gut aus!

[Canapin (Coin-coin le Canapin)]

@JimPas

Das würde ich gerne, aber ich habe einige Nutzer, die Spinnenphobie haben.

Das ist der Grund, warum ich keine Spinne eingebaut habe. Ich gehe (vielleicht fälschlicherweise) davon aus, dass Menschen nur für Netze eine höhere Toleranz haben.

[Paracelsus]

Es wäre auch toll, wenn beim ersten Besuch Spinnen über den Bildschirm laufen und ein ‘MUHAHAAHA’-Geräusch ertönt, sowie beim Betreten einer Kategorie oder beim Klicken auf ein Thema ein quietschendes Tür- oder schleifendes Ketten-Geräusch zu hören ist (etwas zufällig, etwa alle 20 Klicks, sonst wird es bei jedem einzelnen Klick sehr lästig)!

[Canapin (Coin-coin le Canapin)]

Ich habe darüber nachgedacht, dass bei einer Antwort auf ein Thema zufällig (und selten) für eine Sekunde ein kleines Geistchen auf dem Bildschirm erscheint

[ondrej]

Das wäre eine tolle Idee! Danke, dass du das erstellt hast.

[Chaboi_3000]

Dieses von @Rhidian erstellte Theme-Component wäre eine perfekte Wahl:

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]

Das habe ich auch noch hinzugefügt. Danke @Chaboi_3000!

[Terrapop]

Toll, wir haben gerade die Spinnennetze zu unserem Discourse hinzugefügt

[Canapin (Coin-coin le Canapin)]

Ich habe meine letzten Beiträge entfernt, um sie im ersten Beitrag einzufügen, da es sich um ein Wiki handelt. Ich lade euch ein, auch eure eigenen Anpassungen hinzuzufügen!
Ich habe den Ghost-Code verbessert und zudem mit einer Skalierungs-Animation einen kleinen „Pop-out“-Effekt hinzugefügt.

[ECoops123]

Ich glaube, wir haben hier eine Idee für dich, @ondrej. Das würde der Community etwas Spaß und festliche Stimmung bringen. Ich würde gerne, dass das in der Halloween-Zeit hinzugefügt wird.

Vielleicht die Vielfalt etwas reduzieren, damit es eine unerwartete ‘Würze’ bekommt

[Canapin (Coin-coin le Canapin)]

@ondrej

Das wäre eine schöne Idee!

Ich habe das gruselige Geist-Motiv erstellt und im ersten Beitrag hinzugefügt.

[ondrej]

Ah! Gut, ich werde mich darum kümmern.

[soraiden]

Vielen Dank! Wir sind mit euren Dekorationen festlich geschmückt auf http://lettucecraft.com/!

[anon89147131]

Ich habe das gerade aus meinem Forum entfernt, aber es hat eine Weile Spaß gemacht – danke für die Hilfe (wir haben euch erwähnt)! Screenshot 2020-11-01 at 18.08.00|690x55

[soraiden]

Habe das gleiche Konzept für die Weihnachtsferien im Dezember wiederverwendet. Vielen Dank noch einmal!! https://forum.lettucecraft.com/

[darkpixlz (Pyx)]

Ich bekomme diesen Fehler auf meiner Website mit dem hinzugefügten Ghost.

[Stephen]

Das ist ziemlich plausibel, wenn man das Alter und die seltene Nutzung bedenkt.

[darkpixlz (Pyx)]

Ja, ich habe das gerade gesehen und dachte, es wäre eine lustige Idee, etwas davon hinzuzufügen. Es ist auch lustig, wie Discourse sagt: „WARNUNG!!! IHRE SEITE IST KAPUTT!!!“, wenn es nur ein kaputter Geister-Pop-up ist, lol.

[Canapin (Coin-coin le Canapin)]

Ich werde versuchen, es mir anzusehen. So ist es zu beängstigend.