Header-Glas

:information_source: Zusammenfassung Fügt dem Header einen glasigen, durchscheinenden Hintergrund hinzu
:eyeglasses: Vorschau Vimeo Demo
:hammer_and_wrench: Repository https://github.com/denvergeeks/discourse-header-glass
:question: Installationsanleitung So installieren Sie ein Theme oder eine Theme-Komponente
:open_book: Neu bei Discourse Themes? Anfängerleitfaden zur Verwendung von Discourse Themes

Installieren Sie diese Theme-Komponente

16 „Gefällt mir“

Oh, das ist cool. Das gefällt mir und ich werde es vielleicht in meinem Forum verwenden. Ich habe halbtransparente Header, aber mir gefällt dieser Glaseffekt. Gut gemacht! :clap: :slight_smile:

Hat die Komponente irgendwelche Einstellungen?

Bearbeitung: Ich sehe jetzt, dass sie keine hat. Ich liebe die schattierten Icons!

Keine Einstellungen, aber Anfragen und PRs sind sehr willkommen!!!

Ah, die schattierten Header-Icons… hier ist das gesamte 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 „Gefällt mir“

Ich liebe diesen visuellen Effekt. Bin neugierig auf das Aussehen von farbigem Glas.
Ich möchte jetzt einen Buntglaseffekt erzielen :joy:

1 „Gefällt mir“

Ich habe den Code bereits geforkt, lol

1 „Gefällt mir“
2 „Gefällt mir“

Schön! Danke für den Link :hugs:

1 „Gefällt mir“

1 „Gefällt mir“

Oh. Mein. Gott. :heart_eyes_cat:
Jetzt hast du mich inspiriert, ein neues Theme für mein Forum zu bauen. :grin:

4 „Gefällt mir“

@Lilly Ich kann es kaum erwarten, deine Kreation zu sehen! Mach weiter, Mädchen!!!

1 „Gefällt mir“

meh, Theme-Design ist nicht wirklich meine Stärke. Ich kann sie zwar erstellen, aber ich bevorzuge die Kreativität von Komponenten und funktionalen Lösungen, besonders für andere, die einen Bedarf definieren.

3 „Gefällt mir“

Website-Architektur, Navigation, UI/UX – all das ist funktionale Kunst :framed_picture:, die geschaffen wurde, um Menschen auf die befriedigendste Weise zu verbinden.

5 „Gefällt mir“

Zoinks! Habe vergessen, einen Link zu posten – ich habe zum Spaß Farb- und Transparenzeinstellungen hinzugefügt :upside_down_face:

4 „Gefällt mir“

Zoinks! Danke, @Lilly! Ich habe deine Farb- und Transparenzeinstellungen hinzugefügt, sowie eine Einstellung für den Schlagschatten der Header-Icons.

3 „Gefällt mir“

Ich denke, es sieht mit Schatten immer noch gut aus, hoffentlich bekomme ich dafür einen Switch

1 „Gefällt mir“

Hallo @Monikas, vielen Dank für Ihr Feedback, aber könnten Sie bitte genauer erläutern, was Sie sich idealerweise in den Einstellungen wünschen würden?

2 „Gefällt mir“


Ja, ich habe jetzt eine Einstellung für den Schatten am unteren Rand des Headers hinzugefügt.

1 „Gefällt mir“