[ alfa-pro @ 13.09.2010. 04:10 ] @
Cao radim jedan sajt drugaru koji ima studio za tetoviranje. Oni su uradili layout PSD su mi poslali u njemu se nalazi textura kao pozadina koja ima svoje dimenzije koje uopste nisu malene. 2 slike sa leve i desne strane i content.
Pokusavao sam na 100 nacina i uvek problem na nekoj rezoluciji. Imate primer kako da oragnizujem da ne ucitavam celi layout kao Background jer je jako veliki koliko da isecem na koju velicinu i kako da rasporedim a da se uklapa u sve rezolucije
evo vam screen

http://www.mycity.rs/slika.php...2_320995021_junior_textura.jpg
[ Tudfa @ 13.09.2010. 07:54 ] @
Pa ja bih mozda to odradio na ovu foru, ali to sam samo ja

http://www.webdesignerwall.com...s/how-to-css-large-background/

Znaci malo seckanja a velika pozadina, pogledaj bas taj sajt, kako je uradjen, i taj link (CSS Large Background).
Ova tvoja slika me je asocirala na taj sajt, pa mozda nadjes tu nesto sto bi ti pomoglo.
[ alfa-pro @ 13.09.2010. 08:36 ] @
znaci isecem samo pozadinu sa ove dve slike sa strane i onda kao content da mi bude ovaj papirus u sredini? I da li ce to se na svakoj rezoluciji lepo vidi? Da negde strci ili da fali? Ustvari ajde sada cu da pokusam ovaj primer pa cu da postujem ovde.
[ alfa-pro @ 13.09.2010. 09:18 ] @
ma jok nece na manjoj rezoluciji mi preklapa ove dve slike sa strane
[ Goran Rakić @ 13.09.2010. 12:45 ] @
Isečeš zmajeve kao jednu sliku i staviš u pozadinu za BODY. Onda isečeš gornji i donji kraj papirusa i ubaciš kao neki DIV wrapper. U sredini ostaviš pojas papirusa kao pozadinu za DIV content, pri tome je malo središ tako da početak i kraj slike budu isti da bi moglo lepo da se ponavlja, u slučaju da imaš duži tekst. Ili ako to nije prihvatljivo, ostaviš i to kao sliku ali onda ne znam šta radiš ako je tekst na stranici duži.
[ Tudfa @ 13.09.2010. 13:26 ] @
Pa mogao bi da koristi neki slajder, jer mi se ne cini bas ta slika papirusa pogodna za neki repeat a da ne izgubi originalni izgled.
E sad, mozda to i nije bitno, pa je bolje repeat.

@Alfa-pro

Sta podrazumevas pod tim "preklapa","strci", "fali" , nisi bas jasno definisao
kakav layout hoces da postignes , neki liquid ili fixed ? Mislim da bi ovde bilo logicno da se uradi neki fixed.

Al opet kazem nije mi bas jasno sta pokusavas da postignes i sta ti se preklapa jer da si uradio
ovo sto ti je Goran napisao, tj. ovo iz tutorijala, ne vidim sta bi tu moglo da se preklapa.
[ Stranger2 @ 13.09.2010. 15:34 ] @
Citat:
textura kao pozadina koja ima svoje dimenzije koje uopste nisu malene

Kolike su tacno dimenzije cele slike?
Kolika je sirina tog dela za content?

Napisi, pa cemo onda moci lakse da ti kazemo sta je pametno za koju rezoluciju.
[ alfa-pro @ 13.09.2010. 16:59 ] @
1881 X 1150 DIMZIJE CELOG DOKUMENTA.
980 x 1145 px JE OVAJ PAPIRUS U SREDINI
Da vam priblizim malo pricu.

Sajt treba da bude fixni znaci da nema skrolovanja ja sam pokusavao ali na rezoluciji od 1024 se vidi samo papirus.
Koliko se rasiri znaci ni saran ni zmaj se ne vide, koliko je to ogromno.
Dok 1280x960 se vidi super jer sam radio na toj rezoluciji...
Meni samo treba kako ja da izvedem da se to vidi na svakoj rezoluciji isto znaci da mi ne bezi iza browsera.

Ja sam i pre nego sto sam postavio pitanje ovde pokusao na dosta slicnih primera iseko sam gornji deo papirusa i ove dve slike sa strane da budi jedno koje ce mi biti kao header a pozadinu textru sam skratio na 5x 5 px da moze da se repituje. papirus sam isekao po horizontali da bude 1px i da se repituje po Y osi i kao 3 sluku footer... Ali opet mi bezi na 1024... Ne vidi se lepo kao sto je na 1280 full size.. Googlao sam ima video sam dosta jQueri scripti probao sam ali mi ne rade posao.

Na naslovnoj ce biti pri vrhu title WELCOME TO TATTOO (IME STUDIA) PRESETATION i ispod ce biti
RECENT TATTOOS.
UIzlistace iz MySQL poslednje radove koje ce oni da dodaju i sada zbog tog ripita da kada se izlistaju slike da bi to bilo Fixno uradio sam paginator u PHP-u da prikazuje 12 slika na strani. Eto to bi bilo to.
Bas sam probao dosta ali sada videcu sta cu dalje uz vasu pomoc.


Evo vam Screenovi sa 1024 i sa 1280 rezolucije...

1280x960
http://img713.imageshack.us/img713/3842/ss1h.jpg

1024
http://img508.imageshack.us/img508/7827/ss2zt.jpg

[Ovu poruku je menjao alfa-pro dana 13.09.2010. u 18:09 GMT+1]
[ Goran Rakić @ 13.09.2010. 17:00 ] @
Okačio je JPEG u prvoj poruci: http://www.mycity.rs/slika.php...2_320995021_junior_textura.jpg

Problem sa ovim šablonom je što nema prostora da diše po visini, a širina je već fiksirana onim smotuljkom koji ne može da se razvuče. Ako bi se tekstura papirusa malo promenila da sredina može da se ponavlja to bi rešilo sve probleme. Isto tako ova pozadinska struktura mora da se lepo uklopi (blend) u neku pozadinsku boju po rubu, ne sme ovako oštar i grafički bogat rub da ostane inače je tu ivica neizbežna.
[ Stranger2 @ 14.09.2010. 02:33 ] @
Ja bi na tvom mestu napravio varijanu za 1280x1024 jer je to najcesca rezolucija.
A kod manjih rezolucija neka se pojavljuje scrollbar

U ovoj statistici
http://www.w3schools.com/browsers/browsers_display.asp
pise da 76% ljudi koristi koristi rezolucije iznad 1024x768 i kod njih se ne mora skrolovati. Oni koji koriste 1024 rezoluciju su ionako navikli da moraju skrolovati.


Video sam al t o je sa nekog foruma pa ko zna da li je resajzovana ili u koju svrhu je okacena...
[ Goran Rakić @ 14.09.2010. 02:46 ] @
Ne razumem sada da li bi ti hteo da se na manjim rezolucijama ova slika zmajića smanjuje tako da cela stane u prostor sa strane? Šta ako je prozor manji od širine papirusa?
[ Stranger2 @ 14.09.2010. 10:49 ] @
Pa mislim da jednostavno napravis stranicu sirne na primer 1200 pixela sto je idealno za rezolucije 1280x1024.

A ako je prozor uzi onda se naravno pojavljuje scrollbar.

ovako:
Citat:
Pa ja bih mozda to odradio na ovu foru, ali to sam samo ja

http://www.webdesignerwall.com...s/how-to-css-large-background/
[ alfa-pro @ 14.09.2010. 12:50 ] @
Ok, znaci i kako ste mislili da isecem? Textutu da postavim neku drugu da moze da se repituje da na nekim ogromim lezolucija ne bi falilo i bilo belo sa strane?gornji deo papirusa zajedno sa ovim slikama isecem i sredinu papirusa da postavim da se repituje i na kraju footer? Ili ste mislili celu sliku da bostavim kao body BG?

Jel moze ovako nesto da prodje?
http://tattoojunior.com/novo.php

Na vecoj rezoluciji je malo sitnije dok na 1024 je full screen
[ Stranger2 @ 15.09.2010. 17:47 ] @
Mislio sam da napravis jedan div dimezija istih kao ta slika i da stavis tu sliku kao pozadinu.
A za taj div definises u CSS-u
margin-left: auto;
margin-right: auto;
i onda ce biti ucentriran n avecim rezolucijama.

A na onom linku o sirokim pozadinama ti pise kako da odaberes background-color za body element. Pregledaj pazljivo.



Citat:
Jel moze ovako nesto da prodje?
http://tattoojunior.com/novo.php

Nesto slicno sam mislio. Ti si sada napravio div siriine 100% pa se na malim rezolucijama moze desiti da se pozadina i ne vidi. Ja sam razumeo da treba pozadina da se uvek priikazuje cela.
[ alfa-pro @ 15.09.2010. 18:55 ] @
zakasnio si sa pogledom.. Izmenjeno je bilo je tako i danas sam nesto eksperimentisao
[ batika @ 21.09.2010. 14:30 ] @
Ja bi to ovako odradio, ako zmajevi ne moraju da se vide na manjim rezolucijama.:

1. isekao bi celu sliku odjednom (i zmajevi i papirus zajedno)
2. to bi stavio kao pozadinu body-ja sa centralnom pozicijom

i to je to. Onda napravis div pozicioniras ga na sredinu, i u njemu content.