View previous topic :: View next topic |
Author |
Message |
Jabba
Joined: 10 Dec 2007 Posts: 326 Location: Rijeka
|
Posted: 04.07.2008 11:13 Post subject: Rezanje layouta sa rounded cornerima |
|
|
Malo sam zapeo :)
imam layout pun gradienta i rounded cornera
evo slika i ovo crveno je kako sam ja to mislio izrezati, ali onda je fixed totalno tj ako režem rounded rubove s desne i lijeve stranice onda mogu sirit bez da se ista deformira, mislio sam sa nekim javascript libaryem (jquery i to), mislim da oni imaju opcije za rounded cornere al to ce mi biti zadnje riješenje.... imate vi kakve ideje?
|
_________________ {COMING SOON!} BenPixel | deviantART | behanceNET |
|
Back to top |
|
|
Nemesis
Joined: 01 Oct 2005 Posts: 732
|
Posted: 04.07.2008 11:18 Post subject: |
|
|
Kako ga namjeravaš resizati? prema dolje ili u strane? |
_________________ Webastično.com | Last.fm | Twitter |
|
Back to top |
|
|
Jabba
Joined: 10 Dec 2007 Posts: 326 Location: Rijeka
|
Posted: 04.07.2008 11:20 Post subject: |
|
|
Nemesis wrote: | Kako ga namjeravaš resizati? prema dolje ili u strane? |
prema dolje, ali to je nemoguće zbog gradienta, jedino bih mogao gradient napravit koji se repeata prema dole
al glavni problem su mi rounded corneri, previše slika ce bit ako svaki rub bude img, ili se to tak radi? |
_________________ {COMING SOON!} BenPixel | deviantART | behanceNET |
|
Back to top |
|
|
Nemesis
Joined: 01 Oct 2005 Posts: 732
|
Posted: 04.07.2008 11:30 Post subject: |
|
|
Zašto ne napraviš gradient koji ima repeat-x (u stranu) i onda odabereš boju najniže točke u gradientu i staviš tu boju kao background.
Code: |
background: #AAA url('images/gradient.jpg') repeat-x; |
Tu je #AAA boja najniže točke u gradientu, a gradient.jpg je lokacija gradienta...
Rounded cornere isječeš na vrhu do mjesta kada prestaje gradient, a na dnu su to mjesta gdje se sam rounded corner nalazi. Radio sam to na svojem siteu pa možeš pogledati kako sam to napravio... |
_________________ Webastično.com | Last.fm | Twitter |
|
Back to top |
|
|
Jabba
Joined: 10 Dec 2007 Posts: 326 Location: Rijeka
|
Posted: 04.07.2008 11:45 Post subject: |
|
|
Nemesis wrote: | Zašto ne napraviš gradient koji ima repeat-x (u stranu) i onda odabereš boju najniže točke u gradientu i staviš tu boju kao background.
Code: |
background: #AAA url('images/gradient.jpg') repeat-x; |
Tu je #AAA boja najniže točke u gradientu, a gradient.jpg je lokacija gradienta...
Rounded cornere isječeš na vrhu do mjesta kada prestaje gradient, a na dnu su to mjesta gdje se sam rounded corner nalazi. Radio sam to na svojem siteu pa možeš pogledati kako sam to napravio... |
ma da znam al ja sam mislio koristiti gradient koji bi se mogao repeatat a moze i ovako kako ti kazes, budem kasnije vidio što mi bude više odgovaralo
a ovo za rounded sam skuzio
tenks |
_________________ {COMING SOON!} BenPixel | deviantART | behanceNET |
|
Back to top |
|
|
Nemesis
Joined: 01 Oct 2005 Posts: 732
|
Posted: 04.07.2008 11:52 Post subject: |
|
|
Ako namjeravaš napraviti gradient koji bi se glatko repeatao u sve strane, onda napravi nešto kao ovo:
BTW: Sorry na ovoj dijagonali, radio sam sliku u stripegeneratoru. |
_________________ Webastično.com | Last.fm | Twitter |
|
Back to top |
|
|
Jabba
Joined: 10 Dec 2007 Posts: 326 Location: Rijeka
|
Posted: 04.07.2008 11:55 Post subject: |
|
|
Nemesis wrote: | Ako namjeravaš napraviti gradient koji bi se glatko repeatao u sve strane, onda napravi nešto kao ovo:
BTW: Sorry na ovoj dijagonali, radio sam sliku u stripegeneratoru. |
da da to sam i mislio |
_________________ {COMING SOON!} BenPixel | deviantART | behanceNET |
|
Back to top |
|
|
darkqueliss
Joined: 27 May 2008 Posts: 1058
|
Posted: 04.07.2008 14:52 Post subject: |
|
|
ne kužim zakaj bi tak komplicirano rezao sajt.. kaj nebi ovak bilo bolje? http://img384.imageshack.us/img384/4840/mockup2id6kk9.jpg
možda bude malkec više kb-a... al jebiga
a gradiente izrežeš kao kaj si i ti, staviš rep:x i da se boja nastavlja...
naravno ne izrežeš ko ja, nego preciznije... |
|
|
Back to top |
|
|
Jabba
Joined: 10 Dec 2007 Posts: 326 Location: Rijeka
|
Posted: 04.07.2008 18:08 Post subject: |
|
|
jasi wrote: | ne kužim zakaj bi tak komplicirano rezao sajt.. kaj nebi ovak bilo bolje? http://img384.imageshack.us/img384/4840/mockup2id6kk9.jpg
možda bude malkec više kb-a... al jebiga :)
a gradiente izrežeš kao kaj si i ti, staviš rep:x i da se boja nastavlja...
naravno ne izrežeš ko ja, nego preciznije... |
da mogao bih i tako, malo je fušerski al se uštedi dosta vremena....
ako nadjem vremena bum napravil oboje pa vidjel koje je bolje :) |
_________________ {COMING SOON!} BenPixel | deviantART | behanceNET |
|
Back to top |
|
|
|