Šta je novo?
Od:
Filteri

Pitanje za web dizajnere

S

sitl

Čuven
Učlanjen(a)
06.11.2000
Poruke
52
Poena
609
Kako da u Dreamweaver-u omogućim da se pozadinska slika (tj. background slika) resize-uje sa promjenom veličine browsera, tj. sa njegovim maximizovanjem i minimalizovanjem? Pokušao sam sa CSS-om i izbjegavanjem ponavljanja slike kad je ista manje veličine od prozora browsera, ali mi nije išlo. Dobro bi mi došle i HTML naredbe koje ću jednostavno ubaciti u postojeći kod stranice. Da li je ovako korektno resize-ovanje moguće ne samo sa slikom koja je u pozadini, već i sa kompletnim sadržajem strane koju posjetilac gleda, tako da je kompletno prikazana bez obzira da li je browser razvučen preko čitavog ekrana?

Da li se eventualnim pravilnim resize-ovanjem kompletne stranice, tako da je čitava vidljiva i kada browser nije razvučen preko monitora, rešava problem optimizovanja stranice za sve rezolucije?

Koja je, po Vama, optimalna veličina slike u pozadini (10, 50, 100 kB), pri kojoj se stranica ne učitava dugo na nekoj od ovih naših ''normalnih'' dial up mreža?

Pozdrav.
 
evo mozda ti ovo pomogne. fora je sto moras da napravis sliku za pozadinu na kojoj je vec ponovljen neki motiv. da pre-renderujes pozadinu ;) mis'im moglo bi to i j(ava) skriptom automatski da se radi, al' je to malo vise posla nego sto sam spreman da odradim pro bono. :D

tip: document.write() ;)

[code:1]
<body topmargin="0" leftmargin="0">
<div style="position: relative; height: 100%; width: 100%">
<img style="position: absolute" border="0" src="slika.jpg" width="100%" height="100%">
<div style="position: absolute; height: 100%; width: 100%">
<!--SADRZAJ POCETAK-->

<!--SADRZAJ KRAJ-->
</div>
</div>
</body>
[/code:1]
zakacio sam i zip za svaki slucaj. slova mogu da se menjaju u odnosu na velicinu prozora, al' i za to treba script. trebalo bi da radi u ie-u (testirano 5.0), a za ostalo vidi...
 
ako nisi do sada primetio, bg slika se razvlaci do vidljive velicine prozora. ako sadrzaj zahteva scroll ur screwed. :D ako ti ovo resenje ipak odgovara mogu da vidim nesto po ovom pitanju.
al' pade mi napamet, mozda bi ti problem resile css komande za pozicioniranje bg slike. odakle da krene, u kom pravcu da se ponavlja, itd... aj, ako mozes, posalji preview stranice, bas me zanima za cega ti treba ovo. :D
 
ma kakav cgi, java, css.... behaviors i nista vise... a sad provali sam kako ;)
ako nemozes javi, reci cu ti :)

(moras malo sad da se ucis)
imao sam i ja taj prob, pa niko mi nije odgovorio, i posle nedelju dana sam provalio :p
 
...

Bahati, hvala na sugestijama, probaću kada dođem sa posla. Potrebno mi je zbog toga što je pozadinska slika lajt motiv stranice, i onda kada se resiz-uje, flash tekst i logo nisu u odnosu na tu pozadinsku sliku na mijestu na kojem bi trebali da budu (jer se slika nije smanjila uporedo sa veličinom prozora browser-a).
Inače, prvo sam probao sa CSS-om, jer tu može da se podesi da se slika u pozadini ne ponavlja ako je manja od veličine ekrana (ili prozora browser-a). Međutim, s obzirom na ovaj thread, vidite da nisam uspio.
Zatim sam odmah pomislio na behaviours (hvala Zombi), ali čitajući help Dreamweaver-a, nisam našao nikakvo ''ponašanje'', tj. naredbu pozadinskoj slici da se resiz-uje kako treba. Nakon svega ovoga je uslijedilo postavljanje thread-a.
Zato Zombi, ako imaš ideju kako da ovo riješim, kaži mi makar na šta konkretno da obratim pažnju.
BTW, koji je najbolji forum za kontakt sa ljudima koji se bave dizajnom, i voljni su da kao i Vi ovdje, pomognu ljudima?
 
Re: ...

sitl je napisao(la):
BTW, koji je najbolji forum za kontakt sa ljudima koji se bave dizajnom, i voljni su da kao i Vi ovdje, pomognu ljudima?
Kliknite za proširenje...

probaj hrvatski www.webmajstori.net

a sto se tice tvog problema, evo jedne jednostavne stvari koja meni pada na pamet: stavi to sto hoces u tablicu, za pozadinu te tablice stavi potrebnu sliku, a za dimenzije tablice postavi dimenzije slike. Kad se posle toga promeni rezolucija, text i slika ce i dalje biti na istom mestu, samo ce se kolicina slobodnog prostora oko tablice menjati...
 
Zombi, a šta misliš da su Behaviors u DW-a?
Sitl: probaj sa ovim css.om
background-attachment: fixed;
background-repeat: no-repeat;
background-image: url(slike/slika.gif);
S tim da su neki od ovih css.ova samo delimično podržani od strane NS4 i IE4 mada bi u trebalo da radi...
 
pa ako vec oces sa css-om onda idi preko css buildera, on ima koliko se secam neke lepe primere za to..
 
Wakizashi je napisao(la):
Sitl: probaj sa ovim css.om
background-attachment: fixed;
background-repeat: no-repeat;
background-image: url(slike/slika.gif);
S
Kliknite za proširenje...

W, on je pitao kako da se slika resizuje kad se menja velicina prozora browsera (npr. promena rezolucije)... sa ovim CSSom to se nece desiti... verovatno to moze samo pomocu JSa...

(nece se desiti ni sa mojim predlogom za tablicu, ali je tako bolje kontrolisano da se text ne raspe svuda...)
 
Nakon citanja svih vasih odgovora i probanja vasih savjeta, mogu da kazem za koju sam se koncepciju odlucio u pogledu ponasanja pozadinske slike.
Odlucio sam se da sve sadrzaje na site-u koji moraju biti u tacno odredjenom odnosu prema pozadinskoj slici stavim u layer-e. Na taj nacin se prilikom resize-ovanja browsera pojavi scroll, ali sve ostaje u relativnom odnosu kao sto je pri punom prozoru. Dobio sam potvrdu od jos nekih web dizajnera da je ovo sto sam trazio maltene nemoguce uraditi u HTML-u. Najblizi je bio bahati, ali se njegova slika resize-uje samo ako nema scroll-a na stranici.
P.S. Vidio sam site-ove koji se kompletni shrink-uju sa smanjivanjem prozora browser-a, kao i site-ove kod kojih proporcionalne dimenzije slike odredjuju koliko ce se smanjiti prozor browser-a, da se slika ne bi izduzila u odnosu na original. Mogao sam da ih skinem preko webzip-a pa provalim kod, ali to cu ostaviti za neku novu verziju mog site-a.

Pozdrav (i hvala)
 
nerviralo me sto se slika siri samo preko vidljive povrsine, pa sam malo doradio kod. :D ubacio sam ti i primer za promenu velicine fonta. morao bi za svaku sliku i tekst da ubacis po liniju za resize. u primeru skript proverava samo sirinu prozora i prilagodjava velicinu fonta. uz malo mozganja mozes da nadjes formulu koja ce da prati i sirinu i visinu. samo stavi onu istu slicicu...

ps. siguran sam da postoji mnogo bolje resenje za tvoje potrebe, pa ako imas neki primer svoje strane baci mi na mail. ovo ti je sve nakaradno i rizicno... al' mozda pomogne. :D

pps. provereno u ie6. neki od 5.x browsera je imao bug sa onresize eventom, tako da mozda nece raditi u njima...
 
Mislim da bi vas problem mogao da se resi pisanjem posebnog DTD-a odnosno pravljenjem XML dokumenta.
Ovo je naravno dosta slozeniji proces, ali XML je cudo od jezika, tako da isplati se...
:cool: :wave;
 
Morate se prijaviti ili registrovati da odgovorite ovde.
Vrh Dno