Zdravím,
chtěl jsem se zeptat, jak by správně měl být vytvořen PSD, aby se z něj dal vytvořit design. tedy, aby se dal nakódovat a použít na webu.

Musí být možnost každý prvek skrýt a nebo stačí celková podoba?
Děkuji moc za vysvětlení, rád bych totiž něco vytvořil a chci aby to bylo na konci použitelné

Vlemi záleží, kdo z PSD web dělá. Jsou lidi co si poradí a pak jsou tací, kterým to musíš nařezat. Na tvou otázku nejde odpovědět. Všeobecně doporučuji jednotlivé skupiny designových prvků dávat do skupin, pak se s tím lépe pracuje.

janKali píše:
Vlemi záleží, kdo z PSD web dělá. Jsou lidi co si poradí a pak jsou tací, kterým to musíš nařezat. Na tvou otázku nejde odpovědět. Všeobecně doporučuji jednotlivé skupiny designových prvků dávat do skupin, pak se s tím lépe pracuje.

No ve skupinách to mám, ale právě zdali není ještě nějak více potřeba to připravit na tvorbu designu.

Tak jsem si stáhl pár ukázkových PSD souborů na design a budu se jimi řídit.


Možná trošku OFFtopic (se omlouvám)
jen malý dotaz jak mohu upravit klasický (deafult) vzhled inputů. Jako je třeba radio, checkbox atd.
Jde to nějak přes CSS?

já napřed vytvořím kostru pomocí DIVu v CSS - ty jednotlivě obarvým. Vzniknou barevné bloky a podle nich pak vytvářím grafiku. Asi nejlepší je, když grafik zvládá i kodování.

peeeeta píše:
...jen malý dotaz jak mohu upravit klasický (deafult) vzhled inputů. Jako je třeba radio, checkbox atd.
Jde to nějak přes CSS?

ano, formulář a jednotlivé funkce jde běžně upravit v CSS

Poptavka-zdarma.cz píše:
já napřed vytvořím kostru pomocí DIVu v CSS - ty jednotlivě obarvým. Vzniknou barevné bloky a podle nich pak vytvářím grafiku. Asi nejlepší je, když grafik zvládá i kodování.




ano, formulář a jednotlivé funkce jde běžně upravit v CSS

Ano jdou, ale já myslel upravení pomocí vlastních vytvořených prvků.

Jinak ano je to nejspíše lepší, ale já bych se chtěl naučit blíže vytváření grafiky.

peeeeta: Photoshop a CSS jsou dvě rozdílné kapitoly a každou se učíš zvlášť. Pak taky záleží na co máš talent. Někomu jde líp programování a jíný zase zvládá grafiku. Zvládat základní funkce Photoshopu (vrstvy, ořez, guma apod.) zvládneš za chvíli.

Poptavka-zdarma.cz píše:
peeeeta: Photoshop a CSS jsou dvě rozdílné kapitoly a každou se učíš zvlášť. Pak taky záleží na co máš talent. Někomu jde líp programování a jíný zase zvládá grafiku. Zvládat základní funkce Photoshopu (vrstvy, ořez, guma apod.) zvládneš za chvíli.

Ano to vím,
jen jsem chtěl vědět, zdali se vyplatí dělat vlastní grafiku pro inputy.
Jinak se více chci věnovat grafice.

peeeeta: problem to neni, běžně řešíš přes class nebo ID v kodu...a nebo rovnou .input v CSS.

Tak potom tedy mohu lehce přes CSS využít i takovéto prvky?



A je to nějaké specifikovaná verze třeba CSS3 a nebo je to jedno?

Vyšší verze jsou samozřejmě lepší, protože u některých funkcí narazíš na problem nekomaptibility. Prostě se chovají v různých prohlížeších jinak. Někde je potřeba pomoci grafickými prvky.

No já bych to právě chtěl vyřešit grafickými prvky.

peeeeta: tak na to ti stačí základní znalost CSS ... si ho dej jako background

Poptavka-zdarma.cz píše:
peeeeta: tak na to ti stačí základní znalost CSS ... si ho dej jako background

No ale to musím udělat 2x jelikož jednou jako zatrhlé a podruhé jako nezatrhlé. A nebo ještě třetí při najetí.

No zatím jsem do CSS moc nepronikl, ale uvidíme. Teď zrovna dodělávám jeden design.

jasný. jednou jako a: a podruhé a:hover

Poptavka-zdarma.cz píše:
jasný. jednou jako a: a podruhé a:hover

No napřed dodělám jedno a pak druhé.

A jak by jsi prosím tě do CSS zapsal input checkbox jako a a poté hower?

Jen abych se mohl chytit díky

peeeeta: když budu velký prase, tak <input type="checkbox" style="background:#208506;"> jinak správně třeba <input type="checkbox" class="pozadi">

Poptavka-zdarma.cz píše:
peeeeta: když budu velký prase, tak <input type="checkbox" style="background:#208506;"> jinak správně třeba <input type="checkbox" class="pozadi">

Ale to je jen pro jednu verzi, to není, když si vytvořím v photoshopu podklad.
Já bych potřeboval, když si vytvořím checkbox (zatržený,prázdný) ve photoshopu, jak to poté přenesu do CSS.

příklad:

.checkbox a{
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(checkbox.png) no-repeat;
display: block;
clear: left;
float: left;
}

.checkbox a:hover{
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(checkbox2.png) no-repeat;
display: block;
clear: left;
float: left;
}

...jinak, když nevim, juknu třeba na jakpsatweb.cz - máš tam informace a příklady. A je to zdarma.

kukni sem:
http://ryanfait.com/resources/custom-ch ... o-buttons/
alebo sem:
http://www.wufoo.com/2011/06/13/custom- ... heckboxes/

malo by to ísť normálne cez background: url()

EDIT: Tak už som bol predbehnutý :)

Poptavka-zdarma.cz píše:
příklad:

.checkbox a{
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(checkbox.png) no-repeat;
display: block;
clear: left;
float: left;
}

.checkbox a:hover{
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(checkbox2.png) no-repeat;
display: block;
clear: left;
float: left;
}

...jinak, když nevim, juknu třeba na jakpsatweb.cz - máš tam informace a příklady. A je to zdarma.

Já znám jakpsaweb.cz, ale já nenašel něco co bych právě potřeboval.
A nemyslím si, že i tohle bude to co potřebuji, ale uvidím a zkusím.
Díky

-- 09. 01. 2013 20:45 --

Gondal píše:
kukni sem:
http://ryanfait.com/resources/custom-ch ... o-buttons/
alebo sem:
http://www.wufoo.com/2011/06/13/custom- ... heckboxes/

malo by to ísť normálne cez background: url()

EDIT: Tak už som bol predbehnutý :)

Na to jsem koukal, ale to je řešené přes script a právě já to chtěl udělat přes CSS.
Možná se mílím jak jsem říkal nejsem znalý v CSS.
A kouknu se až budu mít dodělané to co je teď přednější.
Ale díky moc oběma

Ako ja tiež nie som nejaký CSS expert ale viem si spraviť a upraviť všetko čo chcem viac menej tak určite potom napíš keby si nevieš rady...

Gondal píše:
Ako ja tiež nie som nejaký CSS expert ale viem si spraviť a upraviť všetko čo chcem viac menej tak určite potom napíš keby si nevieš rady...

Jj díky moc.
No já do CSS vůbec nějak nepronikl, jediný co jsem sesmolil s pomocí zde na webdealu a různého hledání na internetu je tohle.

http://pohlednice.doprofilu.cz

Tak že asi se může někomu zdát, že se ptám na debilní otázky.

Každý raz začínal...ja to mám napríklad podobné v php+mysql :)

O CSS mám doma túto knižku:
http://www.linuxexpres.cz/knihy/recenze ... ici-manual

Určite odporúčam :)

To Gondal:

No ani v php a Mysql nejsem moc znalý :)

Jinak já jsem si také pořídil knížku o CSS a to 333 triků, ale nějak se nestíhám k ní dostat.
Ale díky za další knihu, ale napřed si pročtu tuto :)

A ano každý začínal, ale již jsem se také setkal, že nejsou lidi moc nadšený z takovýchto otázek. (ale ne zde na webdealu ;)

___________________

Tak jsem to zkusil.
A pořád to nějak nefunguje.

URL: http://nahraj.8u.cz/