Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Pozadinska slika

[es] :: Web dizajn i CSS :: Pozadinska slika

[ Pregleda: 3282 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

matijalukic

Član broj: 242387
Poruke: 80
*.neobee.net.

Sajt: mltutorijali.com


+8 Profil

icon Pozadinska slika14.02.2011. u 15:52 - pre 159 meseci
Posto nisam TOLIKI majstor web dizajna da napravim pozadinsku sliku kakva je na sajtu http://en.ikariam.com/. Kada se stranica udalji tj. pomocu brauzera "zumira" na manje od 100% ocekuje se da se nadzire kraj slike, ali na ovom sajtu je drugacije. Koliko god ja da udaljim nece se nadzirati kraj slici. Kako su to uspeli da urade?
Na ovoj pozadinskoj slici se ne nadzire kraj.

Na ovoj se nadzire.

 
Odgovor na temu

SStudio

Član broj: 254071
Poruke: 586



+308 Profil

icon Re: Pozadinska slika14.02.2011. u 16:44 - pre 159 meseci
Ne znam na ovom sajtu ali se to odrađuje pomoću css najlakše i bez skripti

body {
background-image: url(nekaslika.jpg);
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
background-size: 100% 100%, auto;
}


Ali opet i zavisi kakva ti je struktura css i html fajla pa je možda potrebno dodavanje z indexa ili neka modifikacija u gornjem kodu ali princip je taj.
Koristi se slika manje rezolucije radi bržeg učitavanja pa se skalira automatski zavisno od rezolucije
Da bi pohvatao malo više od te tehnike guglaj ima toga dosta svi se lože na te full screen backgorund css slike.
Kada imas cekic sve ti lici na ekser
Simplicity is the ultimate sophistication.
 
Odgovor na temu

matijalukic

Član broj: 242387
Poruke: 80
*.neobee.net.

Sajt: mltutorijali.com


+8 Profil

icon Re: Pozadinska slika14.02.2011. u 16:55 - pre 159 meseci
Znaci bio je potreban
background-size ok.
 
Odgovor na temu

DzemaludinPerajic
Self-Unemployed
Arandjelovac

Član broj: 160572
Poruke: 30
*.neobee.net.

Sajt: www.agencijanetmark.com


Profil

icon Re: Pozadinska slika14.02.2011. u 17:13 - pre 159 meseci
Konkretno na ovom sajtu postoji 10 - 15 slika u pozadini. Glavne 2 slike, zbog kojih nikad nećeš doći do kraja ma koliko (od)zumirao, su:

http://en.ikariam.com/img/bg_sky.jpg
http://en.ikariam.com/img/pt-water-top.jpg

koje su na "repeat-x".
 
Odgovor na temu

tahuti

Član broj: 53920
Poruke: 83
*.bchsia.telus.net.



+41 Profil

icon Re: Pozadinska slika15.02.2011. u 04:15 - pre 159 meseci
Ako koristis Firefox imas Web Developer plugin sa kojim mozes da vidis css

 
Odgovor na temu

[es] :: Web dizajn i CSS :: Pozadinska slika

[ Pregleda: 3282 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.