Composant de décoration de Noël 🎄

Ajoutez une touche festive à votre forum — je vous présente un composant de décoration de Noël ! :christmas_tree:

Ce composant comprend trois embellissements :

  1. Guirlandes lumineuses de Noël
  2. Chapeaux de Noël
  3. Image de décoration de Noël

Chaque embellissement peut être activé ou désactivé individuellement via les paramètres du thème. Pour l’« Image de décoration de Noël », il existe également un paramètre pour inverser les couleurs afin de s’adapter aux forums avec un thème sombre.

Les guirlandes lumineuses de Noël ont été inspirées des idées de @Canapin.

Joyeux Noël ! :santa:

48 « J'aime »

Très bien ! Une petite chose : il ne semble pas que l’option « activer l’image de décoration » ait un effet. Je pense qu’il faudrait peut-être ajouter une instruction if dans le SCSS ?

9 « J'aime »

Merci de m’en avoir informé ! J’ai appliqué une correction maintenant. :slight_smile:

7 « J'aime »

C’est super, merci. Beaucoup plus simple en tant que composant de thème qu’en tant que thème complet.

Les chapeaux ont fonctionné immédiatement, mais j’ai dû faire quelques ajustements pour que les lumières fonctionnent — par exemple, cocher/décocher les cases d’activation/désactivation (bien que je ne sache pas si c’est ce qui a fait fonctionner le tout) et redémarrer l’application iOS Hub — mais je suppose que c’est réaliste pour les lumières :slight_smile:

3 « J'aime »

Ravi que cela vous plaise ! :slight_smile:

C’est étrange. Je viens de vérifier l’installation du composant (à nouveau) sur theme-creator et cela a fonctionné du premier coup. Faites-moi savoir si le problème persiste.

2 « J'aime »

Tout fonctionne maintenant. C’était peut-être lié à la mise en cache – les avatars se mettent à jour plus vite que la barre de menu. La « mise en cache » est une excuse fourre-tout parfaite, car je ne la comprends pas.

2 « J'aime »

Hmm, peut-être que les modérateurs pourraient activer ce composant ici sur Meta pour s’assurer qu’il fonctionne…

1 « J'aime »

Dans mon discours, le chapeau et la lumière fonctionnent bien, cependant l’image de décoration ne s’affiche pas. Je n’ai aucune idée de pourquoi cela se produit.

1 « J'aime »

Si cela peut aider, la décoration n’apparaît que sur ordinateur, en haut à gauche et en haut à droite.

1 « J'aime »

Oui, je sais, mais il n’y a rien quand je regarde sur ordinateur.

1 « J'aime »

L’image de décoration apparaît lorsque la largeur minimale de l’écran est de 1450px. Regardez-vous le site sur un petit moniteur ou un ordinateur portable ?

1 « J'aime »

Oh. J’essaie cela sur mon écran 2k, donc ça fonctionne. Maintenant, j’utilise mon Lenovo Yoga Duet (un peu comme Microsoft Surface), donc ça disparaît. Cependant, est-il possible de l’afficher sur un petit moniteur ou un ordinateur portable ?

1 « J'aime »

Ce serait dommage que l’utilisateur de l’ordinateur portable ne voie pas la cloche… J’adore ça. Cela représente Noël.

1 « J'aime »

Vous pouvez forker le thème et modifier les paramètres de largeur d’écran.

1 « J'aime »

Génial ! J’essaierai ça ! Merci pour votre aide !

1 « J'aime »

Si quelqu’un a d’autres composants qui apparaissent avant les décorations, vous pouvez essayer d’ajouter ce CSS pour forcer les lumières à être les premières :


#main-container > * {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#main-container .lightrope {
  order: -1;
}

(cela pourrait casser d’autres intégrations, alors testez minutieusement)

4 « J'aime »

Puis-je changer la couleur des lumières ?

2 « J'aime »

Chapeau non affiché dans les publications.

2 « J'aime »

@meghna C’est fantastique !

« Image de décoration de Noël » n’a pas fonctionné pour moi.

Y a-t-il un moyen de changer les couleurs des lumières ? J’essaie avec le CSS, mais sans succès.

1 « J'aime »

On dirait qu’il ajoutera un 2e chapeau sur l’emoji (en haut à droite du menu utilisateur) lorsque l’utilisateur aura défini un statut utilisateur

2 « J'aime »