Current location: Hot Scripts Forums » General Web Coding » CSS » flexible rounded corners for this design


flexible rounded corners for this design

Reply
  #1 (permalink)  
Old 02-18-08, 06:35 PM
lindasnephew lindasnephew is offline
Newbie Coder
 
Join Date: Jan 2008
Posts: 64
Thanks: 0
Thanked 0 Times in 0 Posts
flexible rounded corners for this design

Hi, so this is pretty much the final design and im looking to create in html/css, it's currently just in fireworks.. now im a fairly fluent programmer of html and php and have done some css before but i'd still love an opinion on how best to do this..

I attached the image bellow, as you can see sometimes there is just bottom corners rounded, sometimes there is just top corners sometimes there are both, i also with to be able to completely round the corners as the 2nd box down for my navigation. I just want to an opinion on the best way of doing this, preffereably without using images.

any opinions are welcome and appreciated.
Attached Images
File Type: jpg oppn.jpg (25.3 KB, 142 views)
Reply With Quote
  #2 (permalink)  
Old 02-19-08, 03:41 AM
Vicious's Avatar
Vicious Vicious is offline
Community VIP
 
Join Date: Jan 2007
Location: Belgium
Posts: 584
Thanks: 0
Thanked 0 Times in 0 Posts
Have you tried this? (a javascript solution): http://www.curvycorners.net/

I've tried it in my currently under development site: http://www.forens.be
__________________
Jack Bauer makes Chuck Norris cry
Reply With Quote
  #3 (permalink)  
Old 02-19-08, 10:34 AM
lindasnephew lindasnephew is offline
Newbie Coder
 
Join Date: Jan 2008
Posts: 64
Thanks: 0
Thanked 0 Times in 0 Posts
Hey man, cheers for that, i'm gonna put a few hours in to trying to make this work, but have you got any idea how i can have the settings different for 2 or more boxes..

i need to set 4 different radius so i can have bottom corners only round, completely round, round box and top corners only round.
Reply With Quote
  #4 (permalink)  
Old 02-23-08, 02:02 AM
Vicious's Avatar
Vicious Vicious is offline
Community VIP
 
Join Date: Jan 2007
Location: Belgium
Posts: 584
Thanks: 0
Thanked 0 Times in 0 Posts
It's probably possible with that script, but I have to say that I haven't worked with it for a couple of months. Can't help you with your questions about it
__________________
Jack Bauer makes Chuck Norris cry
Reply With Quote
  #5 (permalink)  
Old 03-05-08, 08:44 AM
lnunesbr lnunesbr is offline
Newbie Coder
 
Join Date: Mar 2008
Location: São Paulo
Posts: 25
Thanks: 0
Thanked 0 Times in 0 Posts
You should use Jquery with the plugin Corner.

Take a look:
http://www.methvin.com/jquery/jq-corner-demo.html

Last edited by lnunesbr; 03-05-08 at 08:46 AM.
Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Rounded corners with photoshop zoliky The Lounge 4 11-25-07 04:09 AM
[For Hire] Full Web Design Service Aliska Job Offers & Assistance 1 07-08-05 01:07 AM
Contest - Design The World's Worst Web Page snaip Announcements 1 02-08-05 09:09 AM


All times are GMT -5. The time now is 02:06 PM.
vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.