![]() |
Photoshop+HTML
Zanima me na koji način da dizajn napravljen u photoshopu povežem sa HTML-om? Primjerice: http://img59.imageshack.us/img59/1460/finalqk0.gif
kako u ovom dizajnu pretvorit ovo Home, About, Portfolio u linkove? Na w3 schools sam naša "usemap" tag gdje određujem koordinate. Postoji li još kakav način? |
Pa imaš slice tool. Ne kužim u čemu je problem?
|
Jel možeš pojasnit? Nikad nisam nisam radija nešto slično. Dosad sam samo korisitija html i css.
|
u photoshopu imas na ljevoj strani 2 stupca s raznim alatima. u drugom, treci odozgora je 'slice tool'. odaberi i s njim napravi slice-ove. dakle s njim rezes sliku na vise manjih. dakle 'home' ti bude jedan 'slice'. sejvas i fino bubnes slikice gore jednu pored druge (najlakse ti je jednu 1*1 tablicu napravit i nutra ih nagurat), a ove 'home', 'forums' itd linkas na kaj trebaju bit linkane.
no, inace, potrudi se nauciti usemap jer je puno ljepsi i moderniji |
Ok, radit ću usemap. Još samo da te pitam- može li se postići kakav rollover efekt kada se priđe priko linka?
|
naravno. zove se 'hover'. ja ga namjestam u stilovima (css) no mozes ga namjestiti i za svaku sliku posebno u opcijama. nemrem sad tipkat previše evo ti quick links:
http://www.liamdelahunty.com/tips/css_img_hover.php http://tinyurl.com/2kwcyy |
Evo tu imas tutorialcic kak se to radi:
http://70.87.94.162/~megatuts/Detailed/2.html Rollover efekte radis s ImageReady, automatski ti kod exportiranja u html napravi gumbice s rollover efektima. Naravno grafiku koju zelis da ti se prikaze napravis u PS u novom layeru koji onda ukljucujes il iskljucujes u Imagereadyu kad radis gumb. |
opet losiji i zastarjeli nacin
|
Hvala svima na pomoći! :care:
|
da bezveze ne pišem, ja sam pobrao tamo stvar i zadovoljan => http://www.tutorijali.net/photoshop/...ce-izrezivanje
|
Citiraj:
Usemap je metoda koja nikako nije preporučljiva. |
mozes i cssom sve rijesit...cijelu sliku osim slova mozes staviti kao background i ako slova imaju neki hover, to mozes isto cssom sredit preko image replacement tehnike.
|
Sva vremena su GMT +2. Sada je 23:39. |
Powered by vBulletin®
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
© 1999-2024 PC Ekspert - Sva prava pridržana ISSN 1334-2940
Ad Management by RedTyger