• Willkommen
  • Down-Syndrom
  • WDST
  • Berichte
    • Leo & Fiona
    • Michel
    • Amélie
    • Lenny
  • Infos
  • Galerie
  • Holland
  • Songprojekt
  • Spenden
Learn More Get Access

Du bist so! Teaser

Ein kleiner Vorgeschmack auf den Inklusionssong zum Weltdownsyndromtag 2019. Wir freuen uns auf hoffentlich jede Menge Kommentare!

Teilen mit:

  • Klick, um auf Facebook zu teilen (Wird in neuem Fenster geöffnet)
  • Klick, um über Twitter zu teilen (Wird in neuem Fenster geöffnet)
  • Klick, um auf Pinterest zu teilen (Wird in neuem Fenster geöffnet)
  • Klick, um auf Tumblr zu teilen (Wird in neuem Fenster geöffnet)

Gefällt mir:

Gefällt mir Wird geladen...
Anne LinnenschmidtAstrid HaukeDown-Syndrom StiftungDubistso!Jochen VahleKrawalloMarkus RohdeRadio HerfordRandalesongprojektStefan LindenschmidtSuli PuschbanTeaser

Neue Beiträge

  • WDR berichtet über den Videodreh
  • Videodreh „Du bist so!“
  • Poster des Tages – Björn Jasper
  • Poster des Tages – Emma, Olivia und Mira
  • Poster des Tages – Anni

Archive

  • Februar 2019
  • Januar 2019
  • Dezember 2018
  • Oktober 2018
  • September 2018
  • August 2018
  • April 2018
  • März 2018
  • Februar 2018
  • Januar 2018

Kategorien

  • Amélie schreibt
  • Ausflug
  • Awareness
  • Entwicklung
  • Erlebnisse
  • Europaparlament
  • Gastbeitrag
  • Interna
  • Outfits
  • Poster des Tages
  • Posteraktion
  • Projekte
  • Songprojekt
  • Uncategorized
  • Urlaub
  • WDST

Meta

  • Registrieren
  • Anmelden
  • Beitrags-Feed (RSS)
  • Kommentare als RSS
  • WordPress.org

infos

  • DS Infocenter
  • DS Deutschland Forum
  • Arbeitskreis Down-Syndrom
  • Touchdown 21

Erfahrung

  • Hannah
  • Leo & Fiona
  • Amélie
  • Michel
  • Lenny

Community

  • Willkommen
  • Infos
  • Down-Syndrom
  • WDST

Rechtliches

  • Datenschutz
  • Impressum

Newsletter

Join the List

Connect

About This Page

This header showcases a few main aspects of our bar styling options—but certainly not all!

First, we have a transparent, "absolute" bar overhanging everything. That bar is the one that houses this off canvas area.

Next, we have our "full-height" bar that is actually using a little bit of CSS magic to offset the height of the bar below it (notice how that bar is always positioned at the bottom of the screen). Additionally, notice how the text and buttons inside this bar respond to the sizing of the viewport all without the need for JavaScript.

Then, we have our last visible bar that houses our logo and navigation. This bar becomes sticky as you scroll down the screen, and also shrinks to a specified ratio of its original size. Notice how the links maintain their positioning and the logo scales automatically. Also, we've turned on our "content scrolling" for this bar, allowing its contents to be scrolled horizontally on smaller screens, a pattern we're seeing much more of on mobile devices these days.

Finally, as you scroll further down the page, you'll notice a final sticky bar slide in...from out of nowhere! This utilizes our "initially hidden" option, which allows you to bring in content further down a page as needed, perfect for the calls to action in our example.

This is only a sliver of what is possible with our new bar styling options available in our header builder. We've abstracted out a core set of useful features to achieve complex navigation layouts, and then our styling and JavaScript takes care of the rest intelligently. We look forward to seeing what you create with these new tools!

Add your newsletter embed code here.
  • Login

    Mit Facebook anmelden

    Forgot password? | Register

    Register

    Registration confirmation will be emailed to you.

    Login | Forgot password?

    Reset Password

    Please enter your username or email address. You will receive a link to create a new password via email.

    Login

%d Bloggern gefällt das: