View previous topic :: View next topic |
Author |
Message |
Cozmika
Joined: 15 Aug 2007 Posts: 292 Location: Somewhere in my World
|
Posted: 06.09.2008 00:35 Post subject: Statična pozadina |
|
|
Dosta stranica ima takvu pozadinu pa me zanima kako je to najbolje riješiti.
CSS kod nije problem nego detekcija rezolucije. Postoji li neki uobičajeni kod koji detektira rezu pa u skladu s tim stavi pozadinu te i te rezolucije?
Kako to rade majstori ? |
_________________ www.cozmika.com |
|
Back to top |
|
|
fun.ky
Joined: 05 Jan 2006 Posts: 365 Location: Mostar
|
Posted: 06.09.2008 09:49 Post subject: |
|
|
Zavisi od designe-a pozadine... |
_________________ There is no style definition for good music! |
|
Back to top |
|
|
Cozmika
Joined: 15 Aug 2007 Posts: 292 Location: Somewhere in my World
|
Posted: 06.09.2008 09:52 Post subject: |
|
|
Npr. neka slika. I sad mi treba ta slika u svim rezama ili? |
_________________ www.cozmika.com |
|
Back to top |
|
|
fun.ky
Joined: 05 Jan 2006 Posts: 365 Location: Mostar
|
Posted: 06.09.2008 10:15 Post subject: |
|
|
ok, slika, al kako želiš da bude prikazana (sem da je statična) znači dali je stranica širine 100% pa zavisno od rezolucije želiš zbog toga prikazati i pozadinu od kraja do kraja ekrana, ili je stranica centrirana po sredini ekrana, fixne širine i imaš pozadinu koju bi stavila da je statična i da popunjava cijelu površinu monitora (po širini i visini) ili nešto treće? |
_________________ There is no style definition for good music! |
|
Back to top |
|
|
Cozmika
Joined: 15 Aug 2007 Posts: 292 Location: Somewhere in my World
|
Posted: 06.09.2008 12:38 Post subject: |
|
|
Da bude preko cijele pozadine browsera. U punoj širini i visini. |
_________________ www.cozmika.com |
|
Back to top |
|
|
darkqueliss
Joined: 27 May 2008 Posts: 1058
|
Posted: 06.09.2008 12:43 Post subject: |
|
|
staviš jako veliku sliku? da bude fiksna pozadina ili? staviš u cssu fix |
|
|
Back to top |
|
|
red
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
Posted: 06.09.2008 13:13 Post subject: |
|
|
pokaži nam sliku pa da vidimo o čemu se radi. |
_________________ Get busy living, or get busy dying. |
|
Back to top |
|
|
Cozmika
Joined: 15 Aug 2007 Posts: 292 Location: Somewhere in my World
|
Posted: 06.09.2008 13:47 Post subject: |
|
|
Nemam sliku ali će mi to uskoro trebati pa zato pitam.
Dakle kao wallpaper, ali da pozadina bude fixna.
Kao npr. http://www.twiistup.com/ |
_________________ www.cozmika.com |
|
Back to top |
|
|
darkqueliss
Joined: 27 May 2008 Posts: 1058
|
Posted: 06.09.2008 14:05 Post subject: |
|
|
body { background:#001e21 url(../images/body01.jpg) top center no-repeat fixed }
sliku stavis:
1400px × 1181px ili vecu.... i pazi da ima sto manje kb... |
|
|
Back to top |
|
|
red
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
Posted: 06.09.2008 14:18 Post subject: |
|
|
@jasi: zakaj te dimenzije? |
_________________ Get busy living, or get busy dying. |
|
Back to top |
|
|
darkqueliss
Joined: 27 May 2008 Posts: 1058
|
Posted: 06.09.2008 14:31 Post subject: |
|
|
red wrote: | @jasi: zakaj te dimenzije? |
Pa nemora te, al tako je na linku koji je stavila za primjer. |
|
|
Back to top |
|
|
klompa
Joined: 10 Oct 2006 Posts: 164
|
Posted: 06.09.2008 15:46 Post subject: |
|
|
na primjer:
ovo što je jasi sa ite stranice izvukao da ti malo poblize pokusam objasniti...
body { background:#001e21 url(../images/body01.jpg) top center no-repeat fixed }
>
bakground shema atributa ovoga primjera background klase >
bacground: "background-color" "background image(source)" "position" "repeat" & "attachment"
recimo, nekada su se ovi atributi u css-u pisali kao autonomne/zasebne cjeline pa bi ovaj primjer tada izgledao ovako, iako nekih ispod navedenih atributa (oznacenih sa**) tada koliko se sjecam nije bilo>>
background-color= "#blabla" > boja
background-image= "../trala.la" > lokacija slike
**background-position= "center center" iliti "50 50"
background-repeat= "repeat x" > recimo, slika ce se ponavljati po x osi, tipa idealno za hedere bilo sajta bilo odredjene sekcije ilit boxova na sajtu
**background-attachment= "fixed" > background slika se ne kreće sa skroljanjem na sajtu
eh, sada, tj. danas danas se malo (vise) toga promjenilo, tako da sve ove atribute dodajes u jedan background tag (tipkas samo njihove vrijednosti dok css sam sta i kako) tako da opet dolazimo do onog >>
bacground: "background-color" "background image(source)" "position" "repeat" & "attachment"
i tako, ono sto bi jos jako bilo bitno da kazem jesu dozvoljene varijacije atributa u ovom primjeru, a za ostalo a i ovo (shvatanja boljeg radi) guglaj uci se
eh sad>>
< kolor je kolor, ono sto je za kolor bitno u skorije vrijeme je shrinked mod, ono ako recimo zelis bijelu boju umjesto #ffffff iliti #white mozes jednostavno pisati #fff (preporucujem ovaj shrink mod, onak fazona radi kad god to mozes ); crvena bi bila #f00 umjesto #ff0000, plava #00f etc. Vrijednosti (brojeve) ovih boja inace ovak od oka odredjujesh na RGB nachin - red-green-blue, gdje se brojevima i slovima kreces od f najjaceg intenziteta do 0 najslabijeg intenziteta (#0f0 - zelena)
< slika, sliku mozes pozivati sa kompa ako si napravila kako treba hijerarhiju na kompu pa imas radni web-dukat pvlaka folder u cijem se prvom nivou zajedno nalaze index.htm, stil.css i img folder u kojem trpas slikice, etc.
< background-position moze biti tipa: center left; center bottom; top right; bottom left etc.. iliti odredjen sa dva podstotka (znaci imas dvije ose, x & y) cija se vrijednost naravno krece u rasponu od 0 do 100, tako da bi center left pisali ovako > 0% 50% - znaci x osa 0%(left) i 50% y ose je sredina po visini otvorenog browser prozora, i obavezan slijed pisanja vrijednosti je x, y
< background-repeat moze biti: repeat-x (repeat po x osi, hederi etc..), repeat-y (osovina stranice, etc..), no-repeat (jedna slika bilo manjih posebno dizajniranih dimenzija, bilo veca potrebna da popuni full screeen i boljim, novijim monitorima sa visokim rezoulucijama) i josh imas opciju izostaviti ovaj atribut, prilikom cega ce se slika ponavljati kako po x tako i po y osi, tzv. Tiled effect
background-attachment moze biti defaultni "scroll" kojeg ne trebas ni pisati ukoliko ti w3c validator ne trazi vrijednost i postojanost ovog taga, ukoliko ti je to valid invalid bitno a background -attachment moze biti i "fixed", da opcija koju si trazila znaci sadrzaj bude scrollable dok recimo slika tu akciju ma apsolutno ignorise
i tako opet na kraju dosli smo do, nadam se malo bolje shvacenog>>
body { background:#001e21 url(../images/body01.jpg) top center no-repeat fixed }
i tak, guglaj-- rucak>>
|
|
|
Back to top |
|
|
Cozmika
Joined: 15 Aug 2007 Posts: 292 Location: Somewhere in my World
|
Posted: 06.09.2008 18:45 Post subject: |
|
|
Ja kužim kako je taj dizajner u kodu napisao da mu slika bude statična no mene zanima slijedeće.
Imam rezu 800xnešto i gledam tu stranicu i npr. imam browser 1200x800 ili 1600x1050... Ta slika neće na svima isto zgledati za ne? |
_________________ www.cozmika.com |
|
Back to top |
|
|
Gaston
Joined: 14 Dec 2003 Posts: 619 Location: 10310
|
|
Back to top |
|
|
Cozmika
Joined: 15 Aug 2007 Posts: 292 Location: Somewhere in my World
|
Posted: 06.09.2008 21:19 Post subject: |
|
|
Gaston wrote: | ne ocekuj samo servirana gotova rjesenja ovdje na forumu |
Hvala na linkovima.
Ne očekujem. Ja sma na kompu apsolutno cijeli dan i guglam za ono što mi treba no nekad ne znam konkretno što da tražim pa tu pitam. |
_________________ www.cozmika.com |
|
Back to top |
|
|
Cozmika
Joined: 15 Aug 2007 Posts: 292 Location: Somewhere in my World
|
|
Back to top |
|
|
rdavl
Joined: 24 May 2007 Posts: 31 Location: Zadar
|
Posted: 18.09.2008 12:00 Post subject: |
|
|
Cozmika wrote: | Ja sma na kompu apsolutno cijeli dan ... |
Blago ti se...
ako si gledala na ovom primjeru savjetujem ti da ga pogledas u internet exploreru (6 i 7)... ako ti je stalo do njega uopce...
Naime dobije se jako ljepa i zanimljiva bijela pozadina, iako bi mozda bila sharenija malo JS-a... |
_________________ "Meow" means "woof" in cat. |
|
Back to top |
|
|
|