Jak podzielić stronę na części?

Question

Witam,

Jak podzielić stronę na takie części (np. jak na tej stronie: http://www.eveonline.com/ ), z czego każda częśc ma trochę inne tło od pozostałych i jak zrobić taki ekran główny (również jest na tej stronie i wielu innych), który zajmuje cały monitor i dopiero po zecrollowaniu ukazuje się część dalsza strony.

Z góry dziękuję za pomoc, BS

Answer 1

Czołem

1. Ustawiasz jakiś element blokowy (section, div) na 100% szerokości ekranu w CSS np. :

section{

width: 100%;

}

2. Co do tła to efekt o który Ci chodzi nazywa się parallax. Idzie go łatwo osiągnąć ustawiając jakieś zdjęcie jako tło i w css dodajesz:

section{

background-attachment: fixed;

}

Świetny poradnik o efekcie parallax jest tutaj: https://www.youtube.com/watch?v=STwoa-9jxi0

 

Oraz poradni myślę, że odpowiedni dla Ciebie: http://devcorner.pl/efekt-parallax/
Mam nadzieję, że pomogłem. Jak coś jest niejasnego to pytaj.

Answer 2

To jest tzw. one page. Poczytaj o tym trochę w google i się dowiesz. Główna zasada to po prostu divy i odpowiednie id do nich. Menu jest zakotwiczone właśnie na divach i dlatego jest taki efekt. Jeśli chodzi o tło to też przy czytaniu o one page pewnie trafisz. Coś z paralaxą o ile mi się dobrze kojarzy.

Answer 3

To Scrolling Parallax Effect
https://davidwalsh.name/parallax