Bitburger.de

Homepage Rework 2016/17.

startseite_tiny

[GER] Documentation

 


1 – Allgemein
Der Fortschrittsbalken befindet sich am unteren Bildrand des Browsers. Er besteht aus der Grafik, der Zierleiste, die sich am Footer der Seite befindet.

 

2 – Füllen 
Der Balken wächst prozentual zur, auf der Startseite zurückgelegten, Strecke. Berücksichtigt wird dabei nur der Content bis zum Footer. Wird der Footer erreicht, ist die Anzeige bei 100%, bzw. der Balken ist voll. Der Verlauf auf der Leiste darf dabei nicht gestaucht oder gesteckt werden.

 

3 – Übergang
Sobald der Footer erreicht wird, geht der Fortschrittsbalken in die bereits existierende Zierleiste über und entkoppelt sich somit vom unteren Browserrand.

 
1 – Allgemein
Der Fortschrittsbalken befindet sich am unteren Bildrand des Browsers. Er besteht aus der Grafik, der Zierleiste, die sich am Footer der Seite befindet.

 

2 – Füllen 
Der Balken wächst prozentual zur, auf der Startseite zurückgelegten, Strecke. Berücksichtigt wird dabei nur der Content bis zum Footer. Wird der Footer erreicht, ist die Anzeige bei 100%, bzw. der Balken ist voll. Der Verlauf auf der Leiste darf dabei nicht gestaucht oder gesteckt werden.

 

3 – Übergang
Sobald der Footer erreicht wird, geht der Fortschrittsbalken in die bereits existierende Zierleiste über und entkoppelt sich somit vom unteren Browserrand.


1 – Allgemein
Der Fortschrittsbalken befindet sich am unteren Bildrand des Browsers. Er besteht aus der Grafik, der Zierleiste, die sich am Footer der Seite befindet.

 

2 – Füllen 
Der Balken wächst prozentual zur, auf der Startseite zurückgelegten, Strecke. Berücksichtigt wird dabei nur der Content bis zum Footer. Wird der Footer erreicht, ist die Anzeige bei 100%, bzw. der Balken ist voll. Der Verlauf auf der Leiste darf dabei nicht gestaucht oder gesteckt werden.

 

3 – Übergang
Sobald der Footer erreicht wird, geht der Fortschrittsbalken in die bereits existierende Zierleiste über und entkoppelt sich somit vom unteren Browserrand.

 
1 – Allgemein
Der Fortschrittsbalken befindet sich am unteren Bildrand des Browsers. Er besteht aus der Grafik, der Zierleiste, die sich am Footer der Seite befindet.

 2 – Füllen 
Der Balken wächst prozentual zur, auf der Startseite zurückgelegten, Strecke. Berücksichtigt wird dabei nur der Content bis zum Footer. Wird der Footer erreicht, ist die Anzeige bei 100%, bzw. der Balken ist voll. Der Verlauf auf der Leiste darf dabei nicht gestaucht oder gesteckt werden.

3 – Übergang
Sobald der Footer erreicht wird, geht der Fortschrittsbalken in die bereits existierende Zierleiste über und entkoppelt sich somit vom unteren Browserrand.

 
1 – Allgemein
Der Fortschrittsbalken befindet sich am unteren Bildrand des Browsers. Er besteht aus der Grafik, der Zierleiste, die sich am Footer der Seite befindet.

 2 – Füllen 
Der Balken wächst prozentual zur, auf der Startseite zurückgelegten, Strecke. Berücksichtigt wird dabei nur der Content bis zum Footer. Wird der Footer erreicht, ist die Anzeige bei 100%, bzw. der Balken ist voll. Der Verlauf auf der Leiste darf dabei nicht gestaucht oder gesteckt werden.

 3 – Übergang
Sobald der Footer erreicht wird, geht der Fortschrittsbalken in die bereits existierende Zierleiste über und entkoppelt sich somit vom unteren Browserrand.

Bildschirmfoto 2018-03-31 um 18.17.58

200 Years of Bitburger

200 Jahre Bitburger

In 2017 Bitburger had its 200th anniversary. To honor this long history, we created a microsite for 200 stories that were to release over the timespan of one year. This meant it needed to be flexible to handle 40 short stories as well as all 200.

XingLinkedIn — dribbble — savee.it                    Impressum

XingLinkedin — behance — dribbble — Instagramsavee.it                    Impressum