Forum FAQForum FAQSearchSearch MemberlistMemberlist Forum ignore listForum ignore list RegisterRegister ProfileProfile Log in to check your private messagesLog in to check your private messages Log inLog in
Rezanje layouta sa rounded cornerima

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side
View previous topic :: View next topic  
Author Message
Jabba



Joined: 10 Dec 2007
Posts: 326
Location: Rijeka

PostPosted: 04.07.2008 10:13    Post subject: Rezanje layouta sa rounded cornerima Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website MSN Messenger
Nemesis



Joined: 01 Oct 2005
Posts: 732

PostPosted: 04.07.2008 10:18    Post subject: Add user to your forum ignore list Reply with quote

Kako ga namjeravaš resizati? prema dolje ili u strane?

_________________
Webastično.com | Last.fm | Twitter
Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger Twitter profile
Jabba



Joined: 10 Dec 2007
Posts: 326
Location: Rijeka

PostPosted: 04.07.2008 10:20    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website MSN Messenger
Nemesis



Joined: 01 Oct 2005
Posts: 732

PostPosted: 04.07.2008 10:30    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger Twitter profile
Jabba



Joined: 10 Dec 2007
Posts: 326
Location: Rijeka

PostPosted: 04.07.2008 10:45    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website MSN Messenger
Nemesis



Joined: 01 Oct 2005
Posts: 732

PostPosted: 04.07.2008 10:52    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger Twitter profile
Jabba



Joined: 10 Dec 2007
Posts: 326
Location: Rijeka

PostPosted: 04.07.2008 10:55    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website MSN Messenger
darkqueliss



Joined: 27 May 2008
Posts: 1058

PostPosted: 04.07.2008 13:52    Post subject: Add user to your forum ignore list Reply with quote

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 Smile

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
View user's profile Send private message
Jabba



Joined: 10 Dec 2007
Posts: 326
Location: Rijeka

PostPosted: 04.07.2008 17:08    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website MSN Messenger
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side All times are GMT + 1 Hour
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group