Verre de l'en-tête

:information_source: Résumé Ajoute un arrière-plan vitreux et translucide à l’en-tête
:eyeglasses: Aperçu Démo Vimeo
:hammer_and_wrench: Dépôt https://github.com/denvergeeks/discourse-header-glass
:question: Guide d’installation Comment installer un thème ou un composant de thème
:open_book: Nouveau sur les thèmes Discourse ? Guide du débutant pour utiliser les thèmes Discourse

Installer ce composant de thème

16 « J'aime »

Oh, c’est cool. J’aime ça et je pourrais l’utiliser sur mon forum. J’ai des en-têtes semi-transparents mais j’aime cet effet de verre. Bien joué ! :clap: :slight_smile:

Le composant a-t-il des paramètres ?

Edit : Je vois maintenant qu’il n’en a pas. J’adore les icônes ombrées !

Aucun réglage, mais les demandes et les PRs sont les bienvenues !!!

Ah les icônes d’en-tête ombrées… voici tout le CSS…

.d-header {
  background: rgb(147, 147, 147, 0.39) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  -moz-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5) !important;
  color: rgb(255 255 255) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.d-header-icons .d-icon,
.header-sidebar-toggle button .d-icon {
  color: rgb(255 255 255) !important;
  fill: rgb(255 255 255) !important;
  filter: drop-shadow(1px 4px 2px rgba(0, 0, 0, 0.4)) !important;
}

3 « J'aime »

J’adore cet effet visuel. Je suis curieux de savoir à quoi ressemble le verre coloré.
J’ai envie de faire un effet vitrail maintenant :joy:

1 « J'aime »

J’ai déjà forké le code lol

1 « J'aime »
2 « J'aime »

Super ! Merci pour le lien :hugs:

1 « J'aime »

1 « J'aime »

Oh. Mon. Dieu. :heart_eyes_cat:
Maintenant, tu m’as inspiré à commencer à construire un nouveau thème pour mon forum. :grin:

4 « J'aime »

@Lilly J’ai hâte de voir ta création ! Vas-y ma belle !!!

1 « J'aime »

bof, la conception de thèmes n’est pas vraiment mon fort. Je peux les créer, mais je préfère la créativité des composants et des solutions de type fonctionnel, surtout pour ceux qui définissent un besoin.

3 « J'aime »

Architecture du site, navigation, UI/UX – tout cela relève de l’art fonctionnel :framed_picture: créé pour aider les gens à se connecter de la manière la plus satisfaisante.

5 « J'aime »

Zut ! J’ai oublié de poster un lien - j’ai ajouté des paramètres de couleur et de transparence pour le plaisir :upside_down_face:

4 « J'aime »

Mince alors ! Merci @Lilly ! J’ai ajouté vos paramètres de couleur et de transparence, ainsi qu’un paramètre pour l’ombre portée sur les icônes d’en-tête.

3 « J'aime »

Je pense que ça rend toujours bien avec les ombres, j’espère que je pourrai en obtenir une version Switch.

1 « J'aime »

Bonjour @Monikas merci pour vos commentaires, mais pourriez-vous préciser ce que vous aimeriez idéalement dans les paramètres ?

2 « J'aime »


Ah, oui. J’ai maintenant ajouté un paramètre pour l’ombre sur le bord inférieur de l’en-tête.

1 « J'aime »