Autor Zpráva
JonatanX
Profil *
Ahoj, jak se tak koukám po webech poslední dobou narážím na weby, které jsou tvořeny, tak že hlavním grafickým prvkem je fotografie v pozadí, která se posouvá v závislosti na velikosti otevřeného okna. Když jsem to zkoušel (klasicky s pozadím) tak jsem na to nepřišel (buď stojí nebo se opakuje) tohle vypadá že se jaksi přepočítává velikost. Myslím že takovou klasickým příkladem může být tahle stránka http://cpeople.ru/ . Nemůžete mě odkázat na nějaký informace, kde bych pochopil jak se podobný layout (design) vytváří? Nebo mi to nějak vysvětlit o co jde.
Díky
Str4wberry
Profil
V zásadě stačí velký obrázek na pozadí třeba <body>, který má background-position na střed.
JonatanX
Profil *
Jo to je super. Díky
A ještě bych se chtěl zeptat...samozřejmě měním velikost okna a pokud je obrázek větší, prostě se z něj ukrojí to co není vidět (obrázek na pozadí je statický) a právě u té ukázky ( http://cpeople.ru/ ) se jakoby obrázek zvětšuje a zmenšuje. To vypadá na nějakou aplikaci.
Alutom
Profil
JonatanX:
...prostě se z něj ukrojí to co není vidět (obrázek na pozadí je statický) a právě u té ukázky ( http://cpeople.ru/ ) se jakoby obrázek zvětšuje a zmenšuje.

Nevím, jak to je u té ukázky, ale já to dělám pomocí background-size: cover;
jenikkozak
Profil
Alutom:
Nevím, jak to je u té ukázky
body {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-color: #b9b9c5;
    background-image:  url(/img/bg.jpg);
}
Prostě obrázek na pozadí, má konstatní velikost.
JonatanX
Profil *
Pěkný! Přesně tohle jsem potřeboval vědět. Díky!
Jen chci dodat... pracuji v PSPadu a jeho náhled mi to nezobrazuje správně, zřejmě protože nezná "background-size" při testech v Mozzile a Chrome to pracuje jak má.
Chamurappi
Profil
Reaguji na JonatanaX:
Explorer 8 a starší nepodporují background-size.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: