View previous topic :: View next topic |
Author |
Message |
Plejer33
Joined: 11 Oct 2006 Posts: 28 Location: Pula
|
Posted: 12.06.2010 13:49 Post subject: background za razne rezolucije |
|
|
Dobar dan!
evo molio bi nekog za malu pomoc nov sam u web dizajnu pa imam nekih problema koje pretpostavljam da je vama vrlo jednostavno
znaci htio bi da mi se pozadina tj background prilagodi rezoluciji
znaci netko ima npr 1280x1024 i kad on otvori web page da se zadana pozadina prilagodi toj rezoluciji
nadam se d asam dobro objasnio sta mi treba
HVALA |
|
|
Back to top |
|
|
darkqueliss
Joined: 27 May 2008 Posts: 1058
|
Posted: 12.06.2010 20:17 Post subject: Re: background za razne rezolucije |
|
|
A šta bi htio u backgroundu? Daj neki primjer...
Uglavnom ako imaš neki gradient onda u body dodaj:
Quote: | body {
background:url("images/bg.jpg") repeat-x ili y top left;
}
|
Ako imaš neku sliku, završi je sa svih strana da se stapa u neku boju i dodaj:
Quote: | body {
background: #000 url("images/bg.jpg") no-repeat top center;
}
|
|
|
|
Back to top |
|
|
Plejer33
Joined: 11 Oct 2006 Posts: 28 Location: Pula
|
Posted: 16.06.2010 00:30 Post subject: |
|
|
hvala na odgovoru
evo primjer slike
http://img171.imageshack.us/img171/6411/bckg.jpg
i to bi hitio da se prilagodjava rezoluciji monitora sa kojeg se gleda web stranica
probao sam guglat ali nisam nasao neki konkretan odgovor
znaci bilo bi odlicno kad bi ovaj bijeli fraktal uvjek bio u gornjem lijevom kutu a ovaj plavkasti fraktal uvjek tj pri svakoj rezoluciji u doljnjem desnom kutu
dali je to uopce moguce |
|
|
Back to top |
|
|
il collonelo
Joined: 10 Mar 2005 Posts: 28 Location: Zagreb
|
Posted: 16.06.2010 12:00 Post subject: |
|
|
Ovako nekako bi to islo. Sliku iz tvog primjera izrezes na tri dijela, te postavis #wrapper div oko sadrzaja stranice.
Code: |
html { background: url(gradient.png) top left repeat-x; }
body { background: url(sivi-fraktal.png) bottom right no-repeat; }
#wrapper { background: url(bijeli-fraktal.png) top left no-repeat; }
|
|
|
|
Back to top |
|
|
Plejer33
Joined: 11 Oct 2006 Posts: 28 Location: Pula
|
Posted: 16.06.2010 17:03 Post subject: |
|
|
ok zahvaljujem cemo probati tako
hvala jos jednom |
|
|
Back to top |
|
|
Limeni
Joined: 13 Nov 2007 Posts: 109
|
Posted: 22.06.2010 20:17 Post subject: :) |
|
|
Joochy ti je dao dobro rjesenje, ako znas sirinu wrapper-a stavis sliku za pozadinu i centriras ju i to je to.
Kao sto rade na: http://www.blitz-cinestar.hr/ ili http://www.ufc.com/
Ako zelis sa mrvicom JavaScripta mozes dobit tocnu sirinu monitora koju user koristi pa onda ako bas zelis ucitat drugu sliku ili stranicu ovisno o rezoluciji:
Code: |
<script type="text/javascript">
var screen_width = window.screen.width;
document.write(screen_width);
</script>
|
Al uglavnom ce ti sto se ovoga tice skroz dobro biti sa css-om koji su ti gore dali.
Jedino sto napravi da ti rubovi slike postepeno prelaze u boju pozadine, tako ces ju "prilagodit" bilo kojoj rezoluciji |
|
|
Back to top |
|
|
|