Webseite hilfe wie erstellt man so ein Header?

Hallo liebe Freunde,

kann mir jemand bitte erklären wie man so einen Header erstellt wie auf dieser Webseite, dass die Überschrift Fest ist an der Navbar?

https://angelina-yourmoon.com/

und ob die Webseite über wordpress, oder webflow oder so läuft ?

vielen Dank schon mal <3

Answer 1

[Wueffi182]

Das erreicht man indem man den Artikel über das Hintergrund Bild legt und transparente Abschnitte einfügt.

Noch cooler sieht es mit Patallax aus (das hintergrund-bild wird langsamer gescrollt als der Rest)

<style>
.parallax {
  /* Hintergrund */
  background-image: url("img.jpg");
  min-height: 500px;

  /* Effekt */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
</style>

Woher ich das weiß: eigene Erfahrung – Technik Nerd - Hilfreich? Gerne 👍, Danke und ⭐️ dalassen!

Comments

[Answerplease444]

Ok, vielen Dank hat mir schon Bisschen geholfen :-)

Ist die Überschrift die an der Navbar ist als hintergrundbild eingestellt mit transparent Hintergrund in der box ?

[Wueffi182]

@Answerplease444

Die Überschrift ist in einem transparenten Container der viel höher als die Überschrift ist den man scrollen kann

[Wueffi182]

@Wueffi182

Dann sieht man das Bild nicht mehr da der content darunter es verdeckt.