ACC SHELL

PRINDOR.cz

Zakladni motto: Nejdriv si tohle poradne procti, potom se poradni podivej na vsechny jpegy s navrhama a
teprve az to tam nenajdes, teprv potom se ptej :).

ROZMERY:
klasicke rozmery se upravuji podle rozliseni az do 1200x750 (priblizne ta vyska), pri vyssich
rozlisenich bude cele zarovnano na stred a ukonceno. Podrobnosti v prindor_rozrezane1.jpg.


PISMA:
Pisma jsou vsude uvedena: vsude se pouziva Frutiger Linotype (pribaleno), barvy jsou pripsany
na navrzich a velikosti jsou (odhadem) od 8 do 10. V navrzich je napsana velikost v px. Defaultni barva
na celem webu bude cerna OOOOOO h. Jenom odkaz na PRINDOR homepage (index) je bily FFFFFF h kvuli cernemu
pozadi.


OBRAZKY:
V souboru prindor_obrazek.jpg mas jak bude vypadat vlozeny obrazek - ma kolem sebe stroke, aby "zapadl" do
okoli. Jinak barvy toho ramecku:
pro zelene pozadi: 54714E h
pro oranzove pozadi: D87319 h
pro tyrkysove pozadi: 5C91A4 h
pro zlute pozadi: D6BB3D h 
pro modre pozadi indexu (pokud bude treba obrazek): 587DAF h
Tloustka ramecku je 5px.
Ten ramecek myslim ze da udelat webove pomoci atributu tagu img, ale nejsem si jistej. Myslim, ze si poradis.
Pripada mi blbost, to delat graficky, protoze kdyz by tam bylo potreba dat jinej obrazek, vzdycky by se to
muselo predelavat.
Popisky obrazky budou dole zarovnany na stred a pismem stejne velkym jako okolni text (muzes vyzkouset o 1 pt
mensim, jak by to vypadalo).
Cely obrazky bud - pokud to tak budou chtit, textem obtekej a nebo nechej volne jako samostatnej odstavec.
Pokud je tam budes sazet samostatne, tak je zarovnej doleva, ne doprava! Ten text se musi cist jak to cteme
my, ne jak arabi, takze obrazky budou stejne.

VRSTVENI:
Protoze tam je docela dost vrstev a mozna se v tom hned nezorientujes, poskytnu ti tady pomoc:
1.) Prvni vrstva je hlavni bg, coz bude bila FFFFFF h.
2.) Dalsi vrstvou bude v podstate horni obrazek (horni blok), na neho navazujici barva mainu a dal spodni
blok (ten modrej obrazek).
3.) Dalsi vrstva je jasna: ty sedy prekryvy nad a pod mainem - textura bg_pruhy.png Tady bacha - ty prekryvy
jsou vzdycky pres obrazky, ne pres main! Tak jak to vidis - takze abych to dovysvetlil: kdy jedu odzhora, tak
nahore bude neprekrytej horni obrazek 120px, pak bude dole pokracovat a pres neho prekryv 30px, pak bude
main (min 300px) dale bude spodni obrazek a na nem prekryv 30px a pak pokracuje ten spodni obrazek dal 120px
a pak je volny misto.
4.) Dalsi vrstva je vpravo ten cernej prekryv (ta cerna 20% opacity) - je to textura bg_pravy_pruh_menu.png a
bude pres celou vysku stranky (hm - jak uz jsem psal v prindor_rozrezane_dalsi_pokyny.jpg - tam se uvidi,
jestli ten pruh potahneme az dolu na vysokych rozlisenich nebo jak to bude ...to necham asi na tobe, jak to
bude vypadat).
V teto vrstve jsou v podstate i prekryvy - ty barevny dole. Takovy ty prekryv_zelena.png apod. Ty tam budou
porad - ne jen na onover. Na onover tam budou vsechny klikatka a ty horni obrazky. Stejne tak naporad
tam budou vsechny ty barvy pozadi tech technologie prindor, pro klienty apod - to je rozdil oproti minulymu
navrhu. Docela se mi to tak libi.
5.) Vsechny texty a obrazky budou naposled.


LOGO:
Zarovnani loga bude takhle: 90 px nalevo od toho obdelniku na obrazek (popr od toho obrazku) a vertikalne
to bude align center. Pismo, barvy apod mas v souboru prindor_rozrezane.jpg


MAIN:
Vpravo pod tim obrazkem je PRINDOR bilym pismem - tam bude odkaz na homepage. Mozna, jestli chces muzes dat
href i na logo - PRINDOR.cz aby to odkazovalo na index.


LINKY:
Linky budou onout odliseny barvama, ktery tady vypisu a pak na onover myslim ze by mohly byt bily.
Taky pro prehlednost bych vsechny linky podtrhaval - ty ktery jsou v textu!

Na modrem pozadi (main) bude barvou: FFFFFF h (bila)
na tyrkysovem pozadi bude barvou: FFFFFF h (bila)
na zlutem pozadi: 000090 h
na oranzovem pozadi: 1B6D0B h
na zelenem pozadi: 000090 h
Toto jsou navrhy, dival jsem se na to v Photospohu, aby to nebylo jak pest na oko, ale jestli si budes myslet,
ze je to divny, tak to klidne zmen!


HLAVNI MENU: to technologie, prindor v cr, pro klienty: Jestli se ptas na sirku, tak ti odpovidam:
nevim. :) Mam to asi u kazdyho tak 3 mezery dopredu a dozadu, takze myslim ze to dej od sebe proste
nejakcyh 15 px a uvidis jak to bude vypadat.


IMPLEMENTACE: myslim, ze toto je jasny table/div. Co se tyce velikosti jedne stranky, myslim ze se vejdem
do takovych 120 Kb. Kvalita tech jpegu je velmi dobra, mame tam kdyztak rezervu na optimalizaci. Premyslel
jsem o tom, ze by se daly ty obrazky vpravo nahore dat do gifu - usetrili bychom tim 8 kb na kazdym, ale
zase ty barvy nejsou verny - je jich tam malo. Takze reseni by bylo asi mensi kvalita jpegu, kdyz je to
tak malicky - 200x120px, tak se to skoro nepozna. Chtel bych se s tema obrazkama dostat pod 18kb.


No a abych vsechno nevymyslel ja, tak co nebude domysleny, tak domysli sam :) A nebo lepe mi napis mail.
Hoj a hodne stesti pri kodeni techhle stranek. Kdybys chtel grafiku kazde te stranky (jich je snad 15,
ne jaks rikal 4-5 ), to bych se zblaznil. Navic za to nedostanem zaplaceno. Tendle kseft je taky podvod -
rikali 4 stranky a je jich 3x tolik...blbci. Bychom si rekli vic penez. Priste na prachy pritlac.
Jinak penize chci, tak jak jsme se domluvili: 1000Kc, kdyby bylo neco navic (nejaka praca) tak tezce navysim
protoze s timhle bylo taky docela dost srani. Ale dohodli jsme se jak jsme se dohodli: 1K.
Kdyby se to protahlo a mel bych moznost zkontrolovat jak to vypada na nejakym webu pred tim nez to odevzdas,
byl bych velice rad - treba kdybych mel v recku wifi, tak to dej na jehelnicek/prindor a posli mail zes to
tam dal. To by bylo supr, mohl bych te komandovat. :D
Hoj Standa