Kick-box

[zextra]

Sinoc sam se zanimao sa ovim, pa me interesuje vase misljenje - komentari, kritike, saveti... Jos uvek nije zavrsen sajt, fali tu jos dosta...

Razmisljao sam da stavim vise vrsta informacija na prvu stranu (glasanje za favorita, prijava na mailing listu..), a da glavni info o turniru razmestim na vise strana, ili ako ves ostavim ovako kako jeste, pitam se kako da uredim informacije da izgledaju malo uljudnije.

Jos nesto - u firefoxu se body nije prave velicine, kako to da sredim? Unutrasnji div ima marginu 20px i padding 10px, pa predpostavljam da bi toliko trebao biti odmaknut i od donje ivice, ne samo od gornje, zar ne?

http://www.kickboxing2006.com/

Hvala unapred.

[nixa]

no hard feelings ... shift+del , i sve jovo nanovo ...širi odgovor malo kasnije ..

[Dragan Babić]

1996., mi dizajneri smo tu sa svrhom, i mi leba jedemo :)

sllike ti izgledaju kao da su .bmp, prisetih se zlatnog doba besplatne pornografije iz skeniranih casopisa gorepomenute godine.

preporucujem ti neku ultra simple varijantu, nemoj komplikovati, samim tim ces imati manje gde da pogresis.

[zextra]

znao sam da mi dizajn nije jaca strana, ali nisam znao da je bas toliko way-off... :)

[kai]

1
sllike ti izgledaju kao da su .bmp, prisetih se zlatnog doba besplatne pornografije iz skeniranih casopisa gorepomenute godine.


Hehe... 10 godina je proslo kao tren.

[Zero-Cool]

Ovo je daleko od dobrog, a posto vidim da to ne radis cesto (mislim na web design) onda nadji neke sajtove koji su slicen ili iste tematike, pa probaj da vidis sta je to kod njih dobro pa ti mozda sine nesto lepse.

Slazem se i sa Nixom za Shift+Del i sa Draganom za neku ultra light varijantu.
A inace samo napred, za dizajn je bitno da imas osecaj, ne moze se nauciti, mozes da naucis da kopiras tudje radove. Pa sad imas izbor ako ti ne ide sa unique dizajnom onda kopirajo od drugih.

[zextra]

Da se ja vratim samim podacima, posto mi to nije problem, a dizajn cu kasnije... :) Hvala na savetu Zero

[bojan_bozovic]

@zextra

Stvarno nije dobro. Ili ces morati mnogo da promenis (samo je meni OK po meni) ili iznova da uradis dizajn.

[zextra]

Ok, malo sam izmenio izgled - i dalje nije Bog zna sta, ali moze li novi set komentara? :)

[bojan_bozovic]

Moze nego sta. ;-)

Mnogo je bolje. Pazi. "Kickboxing 2006" naslov treba da se uradi opet. Ostalo je vrlo lepo, ako izuzmemo cinjenicu da bih ja font glavnog teksta smanjio

[Zero-Cool]

Bolje je nego ono prvo ali imam zamerki i na ovo:

#1: pored toga sto treba da sredis taj naslov , treba malo da uredis i taj header da mu das malo zivosti nekako je prazan i kao da je taj naslov pao sa neba.
#2: na gornjem meniju uradi neki rollover, barem onaj najprostiji da se menja boja fonta,a mogao bi i da napravis da se menja boja pozadine i fonta to bi bilo jako lepo
#3: submit buttone, njih obavezno sredi, tj stilizuj ih da se uklope u dizajn znaci uradi ih u crno crvenom maniru, i malo ih smanji bas strce.
#4: probaj da promenis boju pozadine, da ne bude ova siva,probaj nesto svetlije pa uradis, shadow sa obe strane, mislim da ce mu to dati malo zivosti.

Eto necu bas puno da te kritikujem :D

[Dragan Babić]

Mnogo bolje! Odlicno sto nisi odustao, napredak je vise nego ocigledan.

[zextra]

Hvala na kritikama :) Nadam se da ce biti jos kritika (i konstruktivnih komentara).

Vec postoji :hover za linkove u headeru - menja se boja, ali nije dovoljno upadljivo, sredicu to.
Za buttone sam nedavno procitao na Draganovom blogu da postoji <button> tag (ne cudi me da postoji vec da ga ja nisam nikako primetio... :D), ali se izgled buttona i inputa razlikuje u exploreru i firefox-u.. Ako ne postoji neki bolji nacin da kontrolisem izgled istog, vraticu se na <input type="submit">...

Sredicu malo funkcionalnost, pa se vracam na dizajn :)

[Dragan Babić]

^ zextra--button element ;)

[zextra]

Oh, pardon :) Ostajem pri input elementu :)

[bokacbl]

evo ti moj predlog..
povecaj header na nekih 200-300 px postavi za background crnu boju, uzmi neke kik-box slike i postavi ih na crnu podlogu, pojacaj im kontrast i onda im smanji "opacity"..
nakon toga povecaj logo uzmi postojeci font i oboji u jarko crvenu i daj mali bevel/emboss. takodje stavi neki outline od jedno 2px mozda bijele boje i stavi neki mali drop shadow zbog boljih ivica..

[Dragan Babić]

Oh, pardon :) Ostajem pri input elementu :)
hahahaha, :D

ovo me je nasmejalo, carski. :)

[zextra]

Novi header, malo ispravljena slika boraca i jos ponesto...

[bokacbl]

po meni je mnogo bolje nego prosla varijanta..

mozda da jos dodas u gornji desni dio header-a jednu crvenu liniju (isto kao ovdje gdje pise Mec Decenije) i da ima taj effekat disappear..
i upises nesto tipa Dobrodosli na oficijelnu prezentaciju..itd..

i takodje uzmi neke slike kik-box-a i stavi ih da se skroz malo vide 10% ili tako nesto izgleda ce ti header popunjeniji..

moje misljenje...

[mungos]

Дража Нинић има да га поједе за ужину ;)

Кад већ пишем ово "и" између имена бораца ми је некако непримјерено, не пјевају они дует фестивалу ...

Него стави "vs" или "против"...

[Zero-Cool]

E ovo je vec mnogo, mnogo bolje (sad uzmi i uporedi prvu verziju sa ovim cisto da povuces paralelu ).

Hover mi se i dalje ne svidja, ako vec hoces da se pojavljuje box hover onda uradi da on bude sirine te crvene linije tj crvene pozadine ispod linkova.

I sad je header dobar jedino mi je nesto prazan u levom gornjem cosku, probaj da stavis naslov gore da vidis hoce li to nesto promeniti...

[zextra]

Nisam mogao bas da se opredelim da li da napisem "Ivan Strugar protiv Drazenka Ninica" (ne mogu da pisem kao indijanac bez padeza), ili da ostavim "i" (vs ne odgovara jer je u pitanju srpska verzija).

Uzgred, cini mi se da ce biti prvo mec u Banja Luci, negde u martu, pa tek onda u Novom Sadu...

Jos jednom hvala svima na komentarima i predlozima, za sada ce ostati ovako, a kad budem imao vise vremena malo cu jos probati da se igram sa detaljima.. :)

P.S. ne mogu da povucem paralelu, poslusao sam nixu odmah na pocetku... :D

[nixa]

dobar izbor ...

[[nq]]

kad sam prvi put pogledao lose, a sad mnogo bolje, mada bih ja napravio neke celine na sajtu, sada ti je kompletna povrsina(pozadina) tamne boje, napravi kao neke sektore.

I zar mora kompletan tekst da bude bold ?


Header je prevelik
nema potreba da uvlacis prvu rec u paragrafu
zadeni jos nesto u title
jedan sakriveni <span> u top div
seckaj malo slike pa ih iskompresuj kako valja, mnogo dugo se ucitava na dial upu, kao porno sajt iz devedesetih :D


itd...

toiko od mene, :)

[zextra]

Font ne mora da bude bold, mada je moje misljenje da se sitan beli tekst gubi na crnoj pozadini, ili bar moram da napregnem oci kako bih ga procitao.

Header cu srediti malo iduci put.

Navikao sam da uvlacim prvu rec u P :) Mislim da mi pravopis tako nalaze...

Cemu sakriveni <span> u top divu?

Verujem da si u pravu za seckanje slika, mada mislim da je brzina ucitavanja slika relativna stvar - bio sam dosta dugo na dial-up pa ne pricam napamet, cini mi se da je mozda vreme ucitavanja cak malo krace ako se ucitava jedan fajl, nego kad se otvara 5 konekcija do 5 fajlova, da bi se ustedelo nekih 10-20kb, zar ne?

Sve u svemu, hvala na savetima :)

[[nq]]

Cemu sakriveni <span> u top divu?
Da bi ispisao tekst koji ti je na slici, ili ubaci sliku pa stavi ALT tag.


Verujem da si u pravu za seckanje slika, mada mislim da je brzina ucitavanja slika relativna stvar - bio sam dosta dugo na dial-up pa ne pricam napamet, cini mi se da je mozda vreme ucitavanja cak malo krace ako se ucitava jedan fajl, nego kad se otvara 5 konekcija do 5 fajlova, da bi se ustedelo nekih 10-20kb, zar ne?


Iskreno ako bi pametno iseckao, ustedeo bi makar 30 % fajla (minimalno) a to sto bi imao par konekcija vise otvorenih, mislim da ipak ide u koristih onih 30 %.

Doduse zavisi od slucaja do slucaja, ja sad vec filozofiram :)

[bojan_bozovic]

@zextra

Manje slika - manje HTTP zahteva serveru, dakle, porazmisli. Sto manje HTTP zahteva veca je brzina, moguce je da seckanjem nista neces dobiti na brzini, a samo ces ukomplikovati.

http://websiteoptimization.com/services/analyze/

EDIT: evo ti ovaj link gore, analiza ce ti dato stvarnu brzinu sajta i kolicinu prenetih podataka preko HTTP (ukljucujuci i hedere), dakle, mnogo bolje nego velicina samih fajlova na disku kazuje koliko je sajt brz.

[[nq]]

Bojane mene ces zaista tesko ubediti da u realnim uslovima, ako od 100 k ustedim 30 k, da ce mi zbog par http zahteva tih 30k nestati ? :)

Moguce je da gresim naravno, no kao sto rekoh mnogo cete me tesko ubediti. :D

Edit: Evo da se ogradim ako se nismo razumeli.

Ako imas vise http zahteva, logicki je da gubis na brzini, ali samo pod uslovom da , sa drugacijom organizacijom, nisi ustedeo na ukupnoj velicini potrebnih fajlova.

[bojan_bozovic]

Ja sam govorio o seckanju slike. I jedna slika moze da se iskompresuje.

[bokacbl]

mislim da bi bilo dobro da jos malo poradis na logotip-u.. ovako je previse obican probaj da napravis kombinaciju sa dva fonta npr neki standard font za kickboxing a onda neki drugi(iskrivljeni, pisani itd..) font za 2006 i probaj da promjenis raspored da pise na primjer

KICKBOXING
2006

ili tako nesto..

[[nq]]

Ja sam govorio o seckanju slike. I jedna slika moze da se iskompresuje.

I ja sam. :) Tacno je da se i jedna moze iskompresovati, ali u njegovom slucaju ne. Ima o tu materijala i za jpg, i za gif. A bogme moze nesto i u css.

Slozicemo se da je ponekad dobro kombinovati, pa makar imali i koji http zahtev vise.

[zextra]

Evo malo sam izmenio header, ali mi se javio problem jer sam koristio tabele za pozicioniranje delova slike. U FF problem postoji dok u IE ne.

U pravu si [nq] sto se tice optimizacije slike, samo je to po meni uglavnom brzina vs jednostavnost. Od slike velicine 38kb napravio sma 6 delova, ukupne velicine 21kb (dakle 45% ustede), ali evo imam drugi problem, a pitam se sta bi bilo da sam slike rasporedjivao spanovima sa absolute positioning ;) Mozda bi bilo bolje, ne kazem, ali mozda bih imao novih problema...

[Zero-Cool]

Inace sve deluje ok, ali mi se cini da je u FF pobegao koji pixel (jedno dva ili tri) pa se stvorio razmak, bolje je da si delio tako da ti svi delovi budu visoki 250px a sirinu da izdelis na 6 delova, isti efekat ali verovatno neces imati ovaj problem.

Inace palo mi je na pamet da bi mogao da dodas tom headeru tj toj slici i konopce od ringa bilo bi strava, jedino ne znam jel ti to izvodljivo, ali tada header ne bi bio prazan

[zextra]

Na taj problem sam i mislio, a slike sam sekao tako da ostvarim sto bolju kompresiju a sto manji gubitak kvaliteta - to je podrazumevalo delove slike sa sto manje boja...

Za konopce cu da vidim nesto... :) Uzgred, taj razmak pripada gornjem redu u tabeli i ne znam kako da ga eliminisem.. probacu onu drugu varijantu sa absolute divovima.