Forum FAQForum FAQSearchSearch MemberlistMemberlist Forum ignore listForum ignore list RegisterRegister ProfileProfile Log in to check your private messagesLog in to check your private messages Log inLog in
background za razne rezolucije

 
Post new topic   Reply to topic    mi3dot.org Forum Index -> Client-side
View previous topic :: View next topic  
Author Message
Plejer33



Joined: 11 Oct 2006
Posts: 28
Location: Pula

PostPosted: 12.06.2010 13:49    Post subject: background za razne rezolucije Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Send e-mail MSN Messenger
darkqueliss



Joined: 27 May 2008
Posts: 1058

PostPosted: 12.06.2010 20:17    Post subject: Re: background za razne rezolucije Add user to your forum ignore list Reply with quote

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
View user's profile Send private message
Plejer33



Joined: 11 Oct 2006
Posts: 28
Location: Pula

PostPosted: 16.06.2010 00:30    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Send e-mail MSN Messenger
il collonelo



Joined: 10 Mar 2005
Posts: 28
Location: Zagreb

PostPosted: 16.06.2010 12:00    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message
Plejer33



Joined: 11 Oct 2006
Posts: 28
Location: Pula

PostPosted: 16.06.2010 17:03    Post subject: Add user to your forum ignore list Reply with quote

ok zahvaljujem cemo probati tako

hvala jos jednom
Back to top
View user's profile Send private message Send e-mail MSN Messenger
Limeni



Joined: 13 Nov 2007
Posts: 110

PostPosted: 22.06.2010 20:17    Post subject: :) Add user to your forum ignore list Reply with quote

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 Very Happy
Back to top
View user's profile Send private message
Display posts from previous:   
Post new topic   Reply to topic    mi3dot.org Forum Index -> Client-side All times are GMT + 1 Hour
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group